Javascript 我想让codeigniter中的输入数量相等

在这里，我在这个项目中动态地重复了这个表。我想做的是乘客数量必须等于乘客详细信息数量。现在，即使我输入了5名乘客的详细信息，bt号车票可以是任意数量。这不应该发生。我如何解决它

$（文档）.ready（函数（）{
var i=1；
$（'#添加'）。单击（函数（）{
i++；
$（'a'）。追加（'Male FemaleX'）；
});
$（文档）.on（'click'，'btn_remove'，函数（）{
var按钮_id=$（this.attr（“id”）；
$（“#行”+按钮id+”）.remove（）；
});
});

乘客人数
乘客详情
男性
女性

---

好的@suraj shetty，我已经根据您的代码创建了一个演示（删除

php

代码），它不允许乘客详细信息大于乘客总数

但请记住，这不会阻止用户提交 表单的细节较少，即2名乘客和1名细节（您可以防止 但这很烦人，应该避免）。所以，您应该验证 此表已提交。此外，用户可以先添加2名乘客的详细信息，然后将总数更改为1。提交时也应检查此项

因此，我在

tr

中添加了一个

class（passenger\u detail）

，每次，用户都会添加一个细节，使总乘客与

class

的总元素相匹配，添加新

tr

元素时会包含相同的

class

我建议您使用

clone（）

，而不是追加一整行。这是个坏习惯。您可以在克隆后添加

id

（如果这是使用append的原因）

$（文档）.ready（函数（）{
var i=1；
$（'#添加'）。单击（函数（）{
让total_passenger=$（'#passenger'）.val（）；//获取总乘客数
让total_details=$（'.passenger_details'）.length；//使用类total_details获取总行数
如果（总乘客详细信息<总乘客）{//检查状况
i++；
$（'#a'）。追加（'Male FemaleX'）；//在此处使用clone（），然后添加id
}否则{//如果不想显示任何消息，可以删除此项
警报（“乘客详细信息不能大于乘客数量”）；//您的自定义消息
}
});
$（document）.on（'click'，'.btn_remove'，function（）{//您也可以检查remove的条件，但应该避免这样做。改为检查submit。
var按钮_id=$（this.attr（“id”）；
$（“#行”+按钮id+”）.remove（）；
});
});
函数sum（）{}//只是为了避免错误，因为您正在调用sum（）onkeyup。您的逻辑在此。

乘客人数
乘客详情
男性
女性

您的问题不可理解，请提供有关您想要实现的目标的更多信息、类似应用程序的链接或图像以可视化您的问题。我已添加了图像。乘客数量=1，乘客详细信息可以多次添加，所以我想做的是用户只能添加与乘客数量相同的详细信息数量。用户只能添加他在“乘客数量”列中键入的详细信息，对吗？因此，除了第一行详细信息外，其他行都是按我希望的方式添加的。再次感谢您的帮助。：）很乐意帮忙。：）