Question

伙计们，

我在点击按钮时动态创建一个文本框。用户在其中键入值。现在，如何从文本框中提取值？我已经尝试过.keyup（）和.change（）但是无法让它工作。我现在花了几个小时。那里有帮助吗？

按钮html代码 -

<input type="button" value="Verify" id="addButton" class="verifybtn">

JQuery用于动态创建文本框，然后尝试读取输入的值 -

$(document).ready(function(){
var ctr=0;
$("#addButton").click(function () {

    if ( ctr < 1 ){
    $('.verifybtn').after('<div id="TextBoxDiv1"><label>Enter Verification Code : </label><input type="textbox" size=5 id="textbox1" class="textbox1"></div>');
id="textbox1" class="textbox1">');
    ctr++;
    }
});

$("#textbox1").keyup(function(){
    value = $("#textbox1").attr('value');   
    alert(value);
});

$("#textbox1").change(function() {
  alert('Handler for .change() called.');
});

});

如果你能快速指出我做错了什么，或建议其他方法来实现这一点，我将永远感激。

-DM

Answer 1

您也可以将其视为：


$("#textbox1").live('keyup', function(){
    value = $("#textbox1").val();   
    alert(value);
});

Answer 2

$("#textbox1").val();

获取值。您还可以将keyUp处理程序重写为：

$("#textbox1").keyup(function(){
    var value = $(this).val();   
    alert(value);
});

请注意var关键字。您希望确保value变量的作用域仅限于该函数。

Answer 3

试试这个

 $(".textbox1").val();

从动态创建的文本框中检索值 - jQuery

3 个答案: