更改第一个选定项目框 1 时重置选项下拉菜单 2 mysql

Question

我使用这段代码从下拉菜单 2 中隐藏了一个 selected 选项。但是当用户之后更改第一个选项时，我想重置第二个下拉列表以防止相同的值是 select编辑了两次。

例如

列表 1：select一个
列表 2：selectB
列表 1：select B **

** list 1 改变后，此时如何重新设置list 2？这是为了防止列表 1 和列表 2 获得相同的值 (B)!

感谢和亲切的问候

HMTL：

<select name="anfang">
    <option value="A">A</option>
    <option value="B">B</option>
    <option value="C">C</option>
</select>
<select name="secondSelect">
    <option value="A">A</option>
    <option value="B">B</option>
    <option value="C">C</option>
</select>

JavaScript:

var select1 = document.querySelector('select[name="anfang"]'),
secondList= document.querySelectorAll('select[name="secondSelect"]
option');
select1.onchange = function(){
    var selected = this.value;
    for(var i=0;i<secondList.length;i++){
         if(secondList[i].value==selected)
            secondList[i].setAttribute('disabled',true);
         else if(secondList[i].getAttribute('disabled'))
            secondList[i].removeAttribute('disabled');
    }
}

Answer 1

您可以通过几种方式做到这一点。我个人喜欢将其设置为空白值，但您可以取消选择要禁用的值，例如：

     if(secondList[i].value==selected) {
        secondList[i].setAttribute('disabled',true);
        secondList[i].selected = false;
     } else if(secondList[i].getAttribute('disabled')) {
        secondList[i].removeAttribute('disabled');
     }

见example。

更改第一个选定项目框 1 时重置选项下拉菜单 2 mysql

Reset options dropdown menu 2 when first selected item box 1 is changed mysql

php

mysql

jquery

drop-down-menu