Question

我有两个下拉列表并且两个都有相同的选项值，但我希望如果用户从第一个下拉列表中选择任何选项，那么该值会自动从第二个下拉列表中删除并禁用第二个下拉列表，直到用户未选择第一个下拉列表。这是我想要的javaScript或jQuery。谢谢你提前。

Answer 1

这个solution怎么样：

<强> HTML

<select id='main'>
  <option value="volvo">Volvo</option>
  <option value="saab">Saab</option>
  <option value="mercedes">Mercedes</option>
  <option value="audi">Audi</option>
</select>
<select id='depend'>
  <option value="bmw">bmw</option>
  <option value="honda">honda</option>
  <option value="mercedes">Mercedes</option>
  <option value="audi">Audi</option>
</select>

<强>使用Javascript：

$("#main").change(function(){
    var val = this.value;    
    var myList = $('#depend option').map(function() {
      return this.value;
    }).get();

    if(myList.indexOf(val) != -1)    
      $('#depend option[value='+val+']').remove();               
})

在javascript中从第一个中删除第二个特定选项

1 个答案: