在多个选择中隐藏所选选项 [英] Hide selected options on multiple select

问题描述

给定以下html

 < select name =question_order []id =data1> 
< option value =>无< / option> 
< option value =1> 1< / option> 
< option value =2> 2< / option> 
< option value =3> 3< / option> 
< / select> 
< br /> 
< select name =question_order []id =data2> 
< option value =>无< / option> 
< option value =1> 1< / option> 
< option value =2> 2< / option> 
< option value =3> 3< / option> 
< / select> 
< br /> 
< select name =question_order []id =data3> 
< option value =>无< / option> 
< option value =1> 1< / option> 
< option value =2> 2< / option> 
< option value =3> 3< / option> 
< / select> 
 

如果data1和data2上已经选择了data3，如何隐藏/删除data3上的选项？

示例如果我在data1上选择1，然后在data2上选择2，那么如何删除data3上的两个选项？

提前谢谢。

http://jsfiddle.net/aZPdd/ =nofollow> http://jsfiddle.net/aZPdd/

  $（'＃data1'）。on（'change'，function（）{
 var val = this.value; 
 $（＃data3）。find选项：contains（+ val +））remove（）; 
}）; 
 
 $（'＃data2'）。on（'change'，function（）{
 var val = this.value; 
 $（＃data3）。 （option：contains（+ val +））。remove（）; 
}）; 
 
 $（'＃data3'）。on（'change'，function（）{
 
}）; 
  

Given the following html

    <select name="question_order[]" id="data1">
      <option value="">None</option>
      <option value="1">1</option>
      <option value="2">2</option>
      <option value="3">3</option>
    </select>
    <br />
    <select name="question_order[]" id="data2">
      <option value="">None</option>
      <option value="1">1</option>
      <option value="2">2</option>
      <option value="3">3</option>
    </select>
    <br />
    <select name="question_order[]" id="data3">
      <option value="">None</option>
      <option value="1">1</option>
      <option value="2">2</option>
      <option value="3">3</option>
    </select>

How can I hide/remove the selected options on data3, if its already selected on data1 and data2?

Example if I select 1 on data1, then 2 on data2, how can I remove those two option on data3?

Thank you in advance. Greetings.

解决方案

Check the Js fiddle

http://jsfiddle.net/aZPdd/

$('#data1').on('change', function() {
    var val=this.value;
   $("#data3").find("option:contains("+val+")").remove();
 });

$('#data2').on('change', function() {
     var val=this.value;
  $("#data3").find("option:contains("+val+")").remove();
});

$('#data3').on('change', function() {

});

这篇关于在多个选择中隐藏所选选项的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！