Javascript 基于输入中的所有值选择选项

我有一张简单的预订表。在这个表单中，我有两个输入框，我根据类名称“rooms”隐藏的输入值更改每个房间的编号，此外还有另一个显示

像这样的数字：1,8*1,11

第一个数字表示人数，逗号后的第二个数字表示第一个房间中该人员的年龄

我用一颗星星把第一个和第二个房间隔开。星星后面的数字也显示了第二个房间里每个人的人数和年龄

我的问题是如何使用这些数字来选择我的选择框

例如，我想使用选择框子项的第一个数字。如果这个数字是1。我会在第一个房间为我的孩子选择一间。还有我第一个房间里第一个孩子年龄的第二个数字等等

我用fillchild函数编写了下面的代码，但它不起作用

以下是我的片段：

$（文档）.ready（函数（）{
$（'.#rooms'）.val（$（'.rooms'）.val（））；
$（“#房间”）.change（）
})
$（“#房间”）。更改（功能（）{
countRoom=$（this.val（）；
$（“.numberTravelers”）.empty（）
对于（i=1；i{
var selectname=''u root.rooms'+（索引+1）+'.childcountandage'；
var-selectElement=$（'input[name=“”+selectname+'“]'）；
如果（选择element.length>0）{
$（selectElement）.val（儿童年龄）；
}
})
}

.numberOfRooms{
边框：1px纯红；
}
1.儿童期{
背景：#ccc；
}

房间：
1.
2.
小孩
0
1.
2.

我将其设置为动态的，这样它仍然适用于2名3岁和4岁的儿童。您可以看到下面的示例

$（文档）.ready（函数（）{
$（'.#rooms'）.val（$（'.rooms'）.val（））；
$（“#房间”）.change（）
})
$（“#房间”）。更改（功能（）{
countRoom=$（this.val（）；
$（“.numberTravelers”）.empty（）
对于（i=1；i{
//找到房间的儿童下拉列表
var childElement=$（$（'.countRoom'）[index]）。查找（'.childcount'）；
//子元素是否存在
如果（childElement.length>0）{
//使用子字符串获取子项和年龄值
var儿童计数；
//当没有孩子和孩子的年龄
if（childAge.trim（）=“0”）{
childCount=“0”；
ageGlobal=''；
}否则{
childCount=childAge.substring（0，childAge.indexOf（'，'）；
ageGlobal=childAge.substring（childAge.indexOf（'，'）+1，childAge.length）；
}
$（childElement.val（childCount.trim（））；
//均匀触发更改，以便预先选择年龄选择框
$（childElement.trigger（'change'）；
}
})
}

.numberOfRooms{
边框：1px纯红；
}
1.儿童期{
背景：#ccc；
}

房间：
1.
2.
小孩
0
1.
2.

我将其设置为动态的，这样它仍然适用于2名3岁和4岁的儿童。您可以看到下面的示例

$（文档）.ready（函数（）{
$（'.#rooms'）.val（$（'.rooms'）.val（））；
$（“#房间”）.change（）
})
$（“#房间”）。更改（功能（）{
countRoom=$（this.val（）；
$（“.numberTravelers”）.empty（）
对于（i=1；i{
//找到房间的儿童下拉列表
var childElement=$（$（'.countRoom'）[index]）。查找（'.childcount'）；
//子元素是否存在
如果（childElement.length>0）{
//使用子字符串获取子项和年龄值
var儿童计数；
//当没有孩子和孩子的年龄
if（childAge.trim（）=“0”）{
childCount=“0”；
ageGlobal=''；
}否则{
childCount=childAge.substring（0，childAge.indexOf（'，'）；
ageGlobal=childAge.substring（childAge.indexOf（'，'）+1，childAge.length）；
}
$（childElement.val（childCount.trim（））；
//均匀触发更改，以便预先选择年龄选择框
$（childElement.trigger（'change'）；
}
})
}

.numberOfRooms{
边框：1px纯红；
}
1.儿童期{
背景：#ccc；
}

房间：
1.
2.
小孩
0
1.
2.

您想自动选择下拉列表。对吗？

它不起作用

。请指定不起作用的内容。控制台中有错误，变量名为

selectname

，但您使用了

selectname

。我没有看到

年龄

选择框。只有

儿童

的选择框。您需要获取选择框吗

child

的ted值目前仅适用于？@AnkitAgarwal请选择一个孩子。如果您选择一个孩子，您可以看到该孩子的年龄。@Lalit yes我想自动选择他们您想自动选择下拉列表。对吗？

它不起作用

。请指定不起作用的内容。控制台中有错误，变量名为

selectname

但您使用了

selectName

。我看不到

年龄

选择框。只有

儿童

的选择框。您现在是否只需要获取

儿童

的选择值？@AnkitAgarwal请选择一个儿童。如果您选择一个儿童，您可以看到该儿童的年龄。@Lalit yes我想自动选择太谢谢你了！你让我开心了。：）我很高兴为您提供帮助。请记住更多问题和帮助。我面临一个问题。在这种情况下，我的第二个房间中没有任何孩子，我输入的值返回如下内容：2，3，4*0。如果我的值是这样的，我怎么说呢？在我的选择框中选择0，而不是在孩子的选择框中不选择任何内容？你可以有一个条件f或者0，这将跳过所有内容并正常工作。对不起，我尝试过，但无法添加此条件。我应该在何处定义此条件？非常感谢！您让我开心。：）我很高兴帮助您。请记住，需要更多问题和帮助。我面临