Jquery 所有下拉列表（每个列表行两个）在更改第一个列表行中的两个下拉列表时继承值

我有一个订单列表，其中包含两个下拉列表，其中包含以下类

“拉博斯塔夫”

“状态订单”

列表行称为“顺序”

在订单中，根据产品的不同，我们可以有其他几行

在每个订单中，我们可以找到相同的两个下拉列表，但根据产品的不同，它们并不总是在同一行中

我希望当第一个列表行（顺序）中这两个下拉列表的值发生变化时，其他列表行（顺序）中所有下拉列表的值继承以下值：

从列表行（顺序）2开始的所有“LabosTaff”下拉列表继承列表行（顺序）1的“LabosTaff”下拉列表的值

开始列表行（顺序）2的所有“statusorder”下拉列表继承列表行（顺序）1的“statusorder”下拉列表的值

现在，当我在第一个“dropdownlabostaffs”下拉列表中选择一个值时，我可以更改数组中所有“statusorder”下拉列表的值

我只是不知道如何填充，从第二个顺序（列表行）开始，用第一个“dropdownlabostaffs”下拉列表的值填充“dropdownlabostaffs”下拉列表

$（文档）.ready（函数（）{
$（'.dropdownlabostaffs'）。在（'change'，function（）上{
if（this.value！=''）{
$（'.statusorder'）.prop（'selectedIndex'，3）；
}else if（this.value==''）{
$（'.statusorder'）.prop（'selectedIndex'，2）；
}
})
})

收取票面金额

工匠
拉博-帕蒂西耶联合国试验
Labo-Patissier双倍试验

命令号
1008

指挥部
客户端测试

倾注客户

实验室
布朗格[克劳德]；烹饪

身材

地位
年轮
非特质
背叛
阿切韦叛徒酒店
阿切维

日期| heure de Retrit
2019年6月30日13时15分


凯蒂戈里酒店
疼痛惊喜

产品
梅朗埃

重量
2.5公斤

库鲁鲁班
布兰科

品种1
固定式摩擦片

分类2
鹅肝

分类3
格鲁埃

品种4
甘本

收取票面金额

工匠
拉博-帕蒂西耶联合国试验
Labo-Patissier双倍试验

命令号
1009

指挥部
客户端测试

倾注客户

实验室
布朗格[克劳德]；烹饪

身材

地位
年轮
非特质
背叛
阿切韦叛徒酒店
阿切维

日期| heure de Retrit
2019年7月30日13:15


凯蒂戈里酒店
疼痛惊喜

产品
梅朗埃

重量
2.5公斤

库鲁鲁班
布兰科

品种1
固定式摩擦片

分类2
鹅肝

分类3
格鲁埃

品种4
甘本

收取票面金额

工匠
拉博-帕蒂西耶联合国试验
Labo-Patissier双倍试验

命令号
1010

指挥部
客户端测试

倾注客户

实验室
布朗格[克劳德]；烹饪

身材

地位
年轮
非特质
背叛
阿切韦叛徒酒店
阿切维

日期| heure de Retrit
2019年7月30日13:15


凯蒂戈里酒店
疼痛惊喜

产品
梅朗埃

重量
2.5公斤

库鲁鲁班
布兰科

品种1
固定式摩擦片

分类2
鹅肝

分类3
格鲁埃

品种4
甘本

解决方案

借助@heretic monkey找到解决方案：

$(document).ready(function() {

    $('.dropdownlabostaffs:first').on('change', function() {

        if(this.value != '') {

            var isReadOnly = $('.dropdownlabostaffs, .statusorder');
            var domElements = $('.dropdownlabostaffs, .statusorder');

            $(domElements).not(":first").prop('readonly', isReadOnly);
            $(domElements).not(":first").toggleClass('.dropdownlabostaffs', isReadOnly);
            $(domElements).not(":first").find('option').prop('hidden', isReadOnly);

            var labostaffs_new = $('.dropdownlabostaffs').val();
            console.log('new_labostaffs :'+labostaffs_new);

            $('.dropdownlabostaffs').not(':first').val(labostaffs_new);
            $('.statusorder').prop('selectedIndex',3);

        }

        else if(this.value == '') {

            $('.statusorder').prop('selectedIndex',2);

        }

    })

})

---

您多次重复多个

id

属性，这是无效的。如果要将元素分组在一起，请使用公共类，因为

id

在DOM@rory-麦克罗森现在应该是正确的。谢谢。请注意，

labostaffs\u new

将始终是该类的第一个

select

的值。这似乎是您想要的，但当第2+行中具有该类的任何

select

s被更改时，您的事件也将触发。您可能需要考虑使用<代码> $（'.DROPUnLaboStudioStudis:Field'）。在（“更改”，…< /代码>）中，也不必使用代码< >选项[value＝< /代码> ]，因为除非已经选择了该值的选项，否则不会引发<代码>更改< /C> >事件（也应使用<代码> PROP（“选择”），TRUE）。设置所选的

属性）。@异端猴子非常感谢您的时间、解释和更正，非常感谢：所有“.dropdownlabostaffs”和“.statusorder”将为只读，除了“.dropdownlabostaffs:first”。如果我删除