2015-02-09 203 views
-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」的選項中。顯示一個選擇選項基於其他選擇選項

+1

歡迎堆棧溢出!這個問題在信息上有點短暫。你可以分享你的嘗試,並且遇到了什麼問題? 請參閱[如何問StackOverflow上的問題(http://stackoverflow.com/help/how-to-ask) – 2015-02-09 14:15:29

回答

0

你可以給一個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> 
+0

你可以在這裏找到解決方案: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

+0

我將使用什麼命令來加載Java腳本? – 2015-02-09 14:31:43

+0

我寫它像 <選擇name = 「TEAM1」 ID = 「TEAM1」> <選擇name = 「TEAM2」 ID = 「TEAM2」> 2015-02-09 14:32:24

0

您可以使用複選框爲這些options.Its解決您的問題。

+0

但我想在選擇選項中使用它, – 2015-02-09 14:23:33

0

爲什麼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(); 
+0

將選擇後的JS身體標記? – 2015-02-09 15:08:59

+0

是在