显示一个选择选项基于其他选择选项

-3

<select name = "team1"> 
    <option>Computer Science</option> 
    <option>Mathematics</option> 
    <option>Bioinformatic</option> 
    <option>Management Sciences</option> 
</select> 
<select name = "team2"> 
    <option>Computer Science</option> 
    <option>Mathematics</option> 
    <option>Bioinformatic</option> 
    <option>Management Sciences</option> 
</select>

我如何可以使用上面的代码，根据“TEAM2”什么价值“TEAM1” have.If我在队1的选择选项，选择计算机科学，后来我不希望计算机科学出现在“team2”的选项中。显示一个选择选项基于其他选择选项

来源

2015-02-09 tanveer ashraf

欢迎堆栈溢出！这个问题在信息上有点短暂。你可以分享你的尝试，并且遇到了什么问题？请参阅[如何问StackOverflow上的问题（http://stackoverflow.com/help/how-to-ask） – 2015-02-09 14:15:29

你可以给一个ID来选择，并检查特定元素的选择。因此，您可以区分team1和team2，并删除一些具有相同值的team2-selection。它可能是这样的：

<body> 
<select onChange="jsFunction()" id="team1" > 
     <option onclick="jsFunction()">Computer Science</option> 
     <option>Mathematics</option> 
     <option>Bioinformatic</option> 
     <option>Management Sciences</option> 
    </select> 

    <select id="team2"> 
     <option>Computer Science</option> 
     <option>Mathematics</option> 
     <option>Bioinformatic</option> 
     <option>Management Sciences</option> 
    </select> 

    <script> 
    function jsFunction(){ 
     var team1 = document.getElementById("team1"); 
     var team2 = document.getElementById("team2"); 
     for (i=0;i<4;i++){ 
      team2.remove(0); 
     } 
     var position=0; 
     for (i=0;i<4;i++){ 
      if (i!=team1.selectedIndex){ 
      team2.options[position] = new Option(team1.options[i].value); 
      position=position+1; 
      } 
     } 

    } 
    </script> 
     </body>

来源

2015-02-09 14:17:48 Bine

你可以在这里找到解决方案：http://stackoverflow.com/questions/3301688/how-do - 您 - 获取最当前选择的选项-IN-A-选择 - 通过JavaScript的，在这里http://stackoverflow.com/questions/1085801/get-selected-value-of-dropdownlist-using-javascript – Bine 2015-02-09 14:21:21

我将使用什么命令来加载Java脚本？ – 2015-02-09 14:31:43

我写它像 <选择name = “TEAM1” ID = “TEAM1”> <选择name = “TEAM2” ID = “TEAM2”> 个 – 2015-02-09 14:32:24

您可以使用复选框为这些options.Its解决您的问题。

来源

2015-02-09 14:22:09

但我想在选择选项中使用它， – 2015-02-09 14:23:33

为什么PHP？

http://jsfiddle.net/655noe6p/

HTML：

<select name = "team1"> 
</select> 
<select name = "team2"> 
</select>

JS：

var l = [ 
    'Computer Science', 
    'Mathematics', 
    'Bioinformatic', 
    'Management Sciences' 
]; 

$('select').change(function() { 
    var me = $(this); 
    var other = me.siblings(); 

    var text = me.children(':selected').text(); 

    other.each(function() { 
     var select = $(this); 

     var currentText = select.children(':selected').text(); 
     select.empty(); 
     $.each(l, function(k, d) { 
      if(d != text) { 
       select.append($('<option></option>').html(d).attr('selected', d == currentText)); 
      } 
     }); 
    }); 
}); 

$('select').change().change();

来源

2015-02-09 14:51:01 Aitch

将选择后的JS身体标记？ – 2015-02-09 15:08:59

是在

11. 上选择一个选项显示更高的价值在其他选择选项

12. 隐藏和显示选择选项根据选择选项

13. 显示不同选择选项上的选择选项

14. jQuery基于表单选择显示项目，并隐藏其他

15. 基于复选框选择显示/隐藏选项卡

16. 显示div取决于选择选项

17. 选择多个选择 - 选择其他选项时取消选择“全部”选项，反之亦然

18. 显示当一个选择框选项被选择的可变

19. 排除一个选择框的值基于其他选择框

20. 根据其他选择中的选项填充多个选择

21. 基于从其他组合框中选择的选项更改下拉选项

22. 基于两个选择选项的Fullcalendar显示事件

23. 隐藏/显示基于选择选项的多个文本框

24. 选择选择显示组标签和选项选择

25. 如何启用形式选项选择基于第一选择

26. 显示从选择到另一个选择标题的选择选项

27. 高亮显示多个选择选项

28. Javascript显示多个选择选项值

29. 依赖于第一个选择选项更改第二个选择选项

30. jQuery：如何在第一个选择中基于类选择另一个选项

显示一个选择选项基于其他选择选项

回答

相关问题