提交同名多個輸入

Question

好的，所以我有創建民意調查的形式。我想使用AJAX請求和有能力的用戶附加圖像，而不是問題，所以我使用FormData。

我找不到任何解決方案來處理同名多個輸入（命名如下：「name []」）。我試過這個選項：

var fdata = new FormData(); 
fdata.append('answers[]', $('input[name="answer[]"]').val()); 

但它不起作用。我知道我可以使用.each()，但我不想爲每個問題指定不同的名稱，所以我不必重新構建PHP方面太多。

感謝您的任何幫助。

Answer 1

你必須追加依次在每個值。目前，您只追加了第一個（因爲這是val()回報。

$('input[name="answer[]"]').each(function (index, member) { 
    var value = $(member).val(); 
    fdata.append('answers[]', value); 
}); 

Answer 2

問題是$('input[name="answer[]"]').val()沒有給你你需要的東西;它返回第一個輸入元素的值。相反，你要值的數組：

var values = []; 
$('input[name="answer[]"]').each(function(i, item) { 
    values.push(item.value); 
}); 

fdata.append('answers[]', values); 

http://jsfiddle.net/j5ezgxe9/