根据使用Javascript在另一个下拉列表中选择的内容设置下拉列表值，反之亦然

我看到了答案

我也想做另一只手。当在select id=b上选择一个元素时，重置select on id=a，例如

选择“另一个选项1”，id=a设置为“---”

为什么不工作

HTML:

---

问题是您需要在两个

select

元素上都侦听

onchange

事件

函数changeDropA（）{
var a=document.getElementById（'a'）；
var b=document.getElementById（“b”）；
如果（a.value='1'）
b、 值='1'；
else if（a.value=='2'）
b、 值='1'；
else if（a.value==“3”）
b、 值='1'；
else if（a.value='4'）
b、 值='1'；
};
函数changeDropB（）{
var a=document.getElementById（'a'）；
var b=document.getElementById（“b”）；
如果（b.value='1'）
a、 值='1'；
否则如果（b.value='2'）
a、 值='1'；
else if（b.value='3'）
a、 值='1'；
}
document.getElementById（'a'）。addEventListener（'change'，changeDropA）；
document.getElementById（'b'）。addEventListener（'change'，changeDropB）

---
选择1
选择2
选择3
---
另一种选择1
另一种选择2
因为您只将函数附加到其中一个选项
a
知道对更改做什么，但是
b
怎么知道做同样的事情呢？只是一个简单的提示，你不需要一个全新的else if语句如果结果是相同的，只需添加“| |”，如果一个条件是真的，或者下一个条件是真的，那么代码就会执行。getElementById（'a'）.value='2'| | document.getElementById（'a'）。value='3'| | document.getElementById（'a'）。value='4'
<select id="a" onchange="changedrop();">
  <option value="1">---</option>
  <option value="2">option 1</option>
  <option value="3">option 2</option>
  <option value="4">option 3</option>
</select>
<select id="b" onchange="changedrop();">>
  <option value="1">---</option>
  <option value="2">another option 1</option>
  <option value="3">another option 2</option>
</select>

function changedrop() {
  if (document.getElementById('a').value == '1')
  document.getElementById("b").value = '1';
  else if (document.getElementById('a').value == '2')
  document.getElementById("b").value = '1';
  else if (document.getElementById('a').value == '3')
  document.getElementById("b").value = '1';
  else if (document.getElementById('a').value == '4')
  document.getElementById("b").value = '1';
  else if (document.getElementById('b').value == '1')
  document.getElementById("a").value = '1';
  else if (document.getElementById('b').value == '2')
  document.getElementById("a").value = '1';
  else if (document.getElementById('b').value == '3')
  document.getElementById("a").value = '1';
};