Javascript/JQuery 多输入，获取输入位置

Question

我有一个具有多个同名输入的表单。 用户将能够动态添加/删除输入行。 例如。

<div><select name="Car[]"></select> <input name="Qty[]"></div>
<button> Add another line</button>

通过用户交互，它有可能变成：

<div><select name="Car[]"></select> <input name="Qty[]"></div>
<div><select name="Car[]"></select> <input name="Qty[]"></div>
<div><select name="Car[]"></select> <input name="Qty[]"></div>
.......
<button> Add another line</button>

添加按钮只是复制父 () 并将其附加在下面。

我想强制执行例如本田思域，唯一允许的数量少于 9。丰田普锐斯数量少于 17...

强制将在 jquery.change() 函数上使用。 $(input[name="Qty"]).change)

$( input[name="Qty"] ).change(function() {
   if(***value car*** == "Honda Civic" && $(this).val() > 9) $(this).val(0);
   else if(***value car*** == "Toyota Prius" && $(this).val() > 17) $(this).val(0);
   else if(***value car*** == "Maserati Ghibli" && $(this).val() > 3) $(this).val(0); 
});

如何获取输入数量位置，并获取输入汽车的价值？

Answer 1

您不能创建一个将汽车名称存储到限制的对象吗？ 例如：

var carLimits = {
    'Honda Civic': '8',
    'Toyota Prius': '16'
};

然后，您可以计算用户添加了多少“东西”。

hondaCivicCount++

然后创建一个 if 语句以在添加“事物”之前检查hondaCivicCount是否小于或等于carLimit 。

不过，如果您所做的任何事情都需要安全，那么您最好进行某种服务器端验证。

Answer 2

试试 Jquery .size() 它会告诉你有多少选择或输入https://api.jquery.com/size/ 。

并通过使用 .each() https://api.jquery.com/each/获取价值