在jquery中获取动态文本框值

时间:2014-05-05 06:11:30

标签: jquery

大家好我想将动态创建的文本框值放入数组中。在这里,我将两个文本框附加到div,我的代码到现在为止:

 $('<p class = "child" >StopName:<input class="stop" type="text" style="width:120px;" id="p_new" name="stop' + i + '"/>Time: <input type="text" style="width:120px;" id="t_new" name="time' + i + '"/><tr></td> <img src="/Route/images/close.png" id="remove">Remove</p>').appendTo(addDiv);

我正在尝试将第一个文本框值设为:

    $("#btnvalues").click(function () {
    var Stops = [];
    var Values = "";


    $('#divAdd .child input:text').each(function () {


        Values = $("input[name^= 'stop' ]").val();


        // Values += $(this).val() + ",";
        Stops.push(Values);


    });

这会给我所有以'stop'开头的文本框值吗??

1 个答案:

答案 0 :(得分:1)

根据您的代码$("input[name^= 'stop' ]").val();这里您使用属性开头选择器,并且您已使用.val(),因此它将为您提供名称以stop开头的第一个输入文本的值。

但是你使用了.each()所以它会迭代所有输入文本并用相同的值填充数组。

由于您已将课程stop添加到第一个输入,因此您应该使用它。

var Stops = [];
var Values = "";
$('#divAdd .child input:text.stop').each(function () {
    Values = $(this).val();
    Stops.push(Values);
});