Question

我在我的主页上有一个下拉列表，在选择时，会根据所选的值附加额外的下拉列表，如下所示：

https://jsfiddle.net/harunthuo/he55vwca/3/

我面临的挑战是：下拉菜单将根据“孩子们”中选择的值动态追加。落下。所以我想知道我将如何捕获每个附加下拉列表的值并在我的帖子中捕获它。附加的下拉列表都具有相同的名称和类属性，因此如果我要抓取所附下拉列表的选择：

$('#children-number').on('change', '.children-num', function(e){
    var child_num = e.target.value;
    console.log(child_num);
});

这将捕获在每个附加下拉列表中选择的值。我如何从这里开始，以便我捕获这些值并将它们全部发送到我的帖子，以便我捕获这些值：

$('#children-number').on('change', '.children-num', function(e){
        var child_num = e.target.value;
        console.log(child_num);

        var data = $('#myForm').serializeArray();
        data.push({name: 'ages', value: child_num});

        $.post("page.php", data);
});

这最后一部分是我有点卡住的地方。感谢

Answer 1

好吧，也许这可以帮助你继续前进：

尝试这个（但可能在更改功能之外，可能是按钮单击）：

 var dataArr = [];  
 $('.children-num').each(function() {
    value = $(this).val();
    dataArr.push(value);
 });

然后代替

data.push({name: 'ages', value: child_num});

DO

data.push({name: 'ages', value: dataArr});

现在你应该

["ages"]=> array()

或类似的东西

here's a fiddle在您点击“click-me”按钮后记录控制台中子项的值

编辑：我还建议不要在更改事件中执行$.post，而是按一下按钮或类似按钮，因为每次选择更改时它都会发布，我不认为这是一个好的做法

发布动态附加的下拉数据

1 个答案: