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

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() 生成的 请帮我解决这个问题！

谢谢，~Ganesh

Answer 1

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

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

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

Answer 2

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

Answer 3

$(function () { $('#div_id').html($('')); }); $('#btn2').live("点击", function () { var variable = $('#txt1').val(); alert(variable); });