在Jquery中制作数组

Question

我正在寻找jquery的一些紧急帮助，我有一些输入框，我想要检索它们作为一个数组的值，问题是所有的输入框将动态创建一个添加更多的按钮，所以我不知道如何很多人都会这样，我创建动态框的代码就在这里。

$(function(){
x = 0;
$('#addmore a').live("click",function(){
    x++;
    $('#addmore').append('<input type="text" id="fname_' + x + '"/></p>');      
    return false;
});

}）;

现在让我们说一个人点击addmore 3次，现在我将有3个输入框＃fname_1，＃fname_2和#fname_3。 现在我想要一个数组中的所有3个值。

谢谢

Answer 1

像这样添加name属性：

$(function(){
x = 0;
$('#addmore a').live("click",function(){
    x++;
    $('#addmore').append('<input type="text" name="fname[]" id="fname_' + x + '"/></p>');      
    return false;
});

});

提交时，您将拥有$_POST['fname'] ，其中包含自动生成的输入框数组。

顺便说一下，你确定在每次输入后需要输入</p>吗？！

Answer 2

您可以在不添加任何内容（名称或类）的情况下执行此操作：

var values = $.map($("#addmore input[id^='fname_']"), function(element, index) {
    return element.value;
});

现场测试案例 。

这将迭代所有输入，其id以“fname_”开头，并将其值映射到单个数组中。

Answer 3

如果这与php无关：

$(function(){
x = 0;
$('#addmore a').live("click",function(){
    x++; //Add "text-field" class 
    $('#addmore').append('<input type="text" class="text-field" id="fname_' + x + '"/></p>');      
    return false;
});

});


function getFieldValues(){
var r = [];
//Query text field class and push the values into an array
    jQuery( ".text-field").each(
        function(){
        r.push( this.value );
        }

    );

return r; //returns an array with the values
}