Question

我正在尝试使用数组名称（name_obj []）获取数据，但我无法使其工作...

我的代码：

<select name="famille[]" class="fam"><option value="4">Balistes (Balistidae)</option><option value="5">Blennies (Blenniidae)</option></select>Nombre: <input type="text" name="nbre[]" size="3" class="nomb">
<select name="famille[]" class="fam"><option value="4">Balistes (Balistidae)</option><option value="5">Blennies (Blenniidae)</option></select>Nombre: <input type="text" name="nbre[]" size="3" class="nomb">
<select name="famille[]" class="fam"><option value="4">Balistes (Balistidae)</option><option value="5">Blennies (Blenniidae)</option></select>Nombre: <input type="text" name="nbre[]" size="3" class="nomb">
<div id="calculer">Calculer</div>

使用Javascript：

$("body").on("click", "#calculer", function(e) {
            e.preventDefault();
            var familles = $('input:text.fam').serialize();
            var nombres = $('input:text.nomb').serialize();
            console.log(familles);
});

有想法获取数据吗？感谢

Answer 1

试试这个

var familles = [];
var nombres = [];

$("body").on("click", "#calculer", function(e) {
    e.preventDefault();
    var inputs = $("form :input") 
    //console.log(inputs);

    $.each(inputs, function (k, el) {
        if ( $(el).hasClass('fam') ) {
            familles.push($(el).val());
        } else if ( $(el).hasClass('nomb') ) {
            nombres.push($(el).val());
        }
    });
    console.log(familles);
    console.log(nombres);
});

检查小提琴http://jsfiddle.net/7Xd6b/3/

Jquery：如何获取表单中的数据数组？

1 个答案: