Question

如何从jQuery .html（）函数中获取以下代码的值？

$('#div_id').html('<input name="textbox1" id="txt1" type="text" size="40" maxlength="350">');

代码的工作方式与此类似，单击按钮时会生成一个文本框。我有另一个按钮（id =“btn2”），单击此按钮我想从此文本框中获取值（id =“txt1”）并将其分配给变量。

我做过的btn2的动作代码：

$('#btn2').bind("click", function(){
       variable = $('#txt1').val();
       alert(variable);
});

我无法检索文本框的值，因为它是使用.html（）生成的请帮我解决这个问题！

谢谢，〜内甚

Answer 1

在我看来，您的初始文本框生成代码缺少value属性。

如果我使用类似的东西，它对我有用：

$('#div_id').html('<input name="textbox1" id="txt1" type="text" size="40" maxlength="350" value="test">');

Answer 2

可能因为您没有等待加载文档而无法正常工作。这可以解释为什么所有的小提琴都被发布了，你的代码却没有。我很确定JS小提琴会在运行javascript之前等待。

$(document).ready(function () {
    $('#div_id').html('<input name="textbox1" id="txt1" type="text" size="40" maxlength="350">');
    $('#btn2').bind("click", function () {
        var variable = $('#txt1').val();
        alert(variable);
    });
});

Answer 3

$（function（）{ $（ '＃div_id'）HTML（$（ ''））; }）; $（'＃btn2'）。live（“click”，function（）{ var variable = $（'＃txt1'）。val（）; 警报（可变）; }）;

如何从jQuery .html函数中获取值

3 个答案: