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

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

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

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

谢谢， ~Ganesh

$（函数（）{ $（'#div_id'）.html（$（''）； }); $（'#btn2'）。实时（“单击”，函数（）{ var变量=$（'#txt1'）.val（）； 警报（可变）；

---

});

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

值

属性

如果我使用以下东西，它对我有效：

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

$（'#div_id'）.html（''；

可能无法工作，因为您没有等待文档加载。这就解释了为什么所有发布的小提琴都能工作，而您的代码却不能。我相当肯定JS fiddle会在运行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);
    });
});

$（文档）.ready（函数（）{
$（'#div_id'）.html（''）；
$（'#btn2'）。绑定（“单击”，函数（）{
var变量=$（'#txt1'）.val（）；
警报（可变）；
});
});

我无法检索文本框的值，因为它是使用jQuery中的.html（）生成的。一旦生成了文本框，应该不会有问题。“HTML”在文档中。JavaScript应该能够看到它。在我看来，您的代码应该可以工作。看看这个JSFIDLE：一旦HTML被解析为DOM元素并附加到文档中，

.HTML（）

就是这样做的，它与其他元素没有什么不同。请确保没有重复的ID。何时添加第二个按钮并将单击绑定添加到该按钮？这可能是JavaScript触发器在创建按钮之前没有连接到按钮的问题。我很高兴。欢迎来到堆栈溢出！什么！？！？在创建输入类型=文本框时，您不需要使用

value

属性，因为该值始终是文本框中输入的值与@wirey一致，在本例中不需要值。@Yoggi@wirey通过阅读问题，我相信OP希望在使用

html

后立即提供值。考虑到他/她的代码没有错误，我推断OP可能不知道没有设置默认值。创建默认值不应该解决他的问题。在输入文本之前，它应该在没有它的情况下发出null（或类似）警报。

$(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);
    });
});