JavaScript/Jquery : Multiple input value with multiple id

Question

我有一个 html 表单

<form>
<input type="hidden" name="id" value="1" /><input type="text" name="qty" />
<input type="hidden" name="id" value="2" /><input type="text" name="qty" />
<input type="hidden" name="id" value="3" /><input type="text" name="qty" />
<input type="hidden" name="id" value="4" /><input type="text" name="qty" />
<input type="submit"/>
</form>

当我提交表单时，假设对于 id = 1，数量为 5 或 对于 id = 3，数量为 8。如何在java脚本或jquery中获取这些值并将这些信息提交到服务器？我得到所有输入文本值。但我无法区分哪个数量对应哪个值？

Answer 1

不应有两个或多个具有相同名称或 ID 的元素!名称和 ID 应该是唯一的。

试试这个:

<form>
<input type="hidden" name="id[1]" value="1" /><input type="text" name="qty[1]" id="qty1" value="" />
<input type="hidden" name="id[2]" value="2" /><input type="text" name="qty[2]" id="qty2" value="" />
<input type="hidden" name="id[3]" value="3" /><input type="text" name="qty[3]" id="qty3" value="" />
<input type="hidden" name="id[4]" value="4" /><input type="text" name="qty[4]" id="qty4" value="" />
<input type="submit"/>
</form>

你可以像这样在JS中访问数据:

使用元素名称:

var qty1 = document.forms[0].elements["qty[1]"].value;

使用元素 ID:

var qty1 = document.getElementById("qt1").value;