在jquery中获取输入数组的值并将其传递给PHP

Question

我有多个输入字段，如下所示：

<input type="text" name="childage[3]" placeholder="0"/>
<input type="text" name="childage[8]" placeholder="0"/>
<input type="text" name="childage[12]" placeholder="0"/>

我想让他们进入jQuery并使用AJAX将它们传递给php，但要记住密钥（3,8,12）。这可能吗？

我到现在为止尝试了以下内容：

$('input[name="childage[]"]');
$('input[name="childage"');

Answer 1

您应该查看serialize方法：

http://docs.jquery.com/Ajax/serialize

您需要获取所有表单元素，如下所示：

<input class="age-box" type="text" name="childage[3]" placeholder="0"/>
<input class="age-box" type="text" name="childage[8]" placeholder="0"/>
<input class="age-box" type="text" name="childage[12]" placeholder="0"/>

var ages = $('.age-box').serialize();
$.post(url, ages, function(data) { //handle response from the server });

Answer 2

您可以使用隐藏的输入字段并将值设置为您需要的数字：

<input type="hidden" value=3 />
<input type="hidden" value=8 />
<input type="hidden" value=12 />

// Get the values
$('input[type="hidden"]')[0].val();
$('input[type="hidden"]')[1].val();
$('input[type="hidden"]')[2].val();