我應該怎麼做才能在選擇中不重複?如果我的select1 = subject1,select2和select3選項= subject1應該被禁用,並且如果select1 = subject1,select2 = subject2,則select3選項subject1和subject2應該被禁用。對不起,我英語不好;(jquery禁用選項,如果我們在另一個選擇中選擇了這個選項
<!DOCTYPE html>
<html lang="en">
<head>
\t <meta charset="UTF-8">
\t <title>Document</title>
\t <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
\t <script>
\t \t $('document').ready(function() {
\t \t \t $('select.remRep').on('change', function() {
\t \t \t \t var index1 = $(this).val();
\t \t \t \t \t \t \t $.each($('select.remRep option'), function() {
\t \t \t \t \t \t \t $(this).removeAttr('disabled');
\t \t \t \t \t \t \t }); \t
\t \t \t \t switch (index1) {
\t \t \t \t \t case "1" :
\t \t \t \t \t \t $('select.remRep option[value="1"]').attr('disabled','disabled')
\t \t \t \t \t break;
\t \t \t \t \t case "2" :
\t \t \t \t \t \t $('select.remRep option[value="2"]').attr('disabled','disabled')
\t \t \t \t \t break;
\t \t \t \t \t case "3" :
\t \t \t \t \t \t $('select.remRep option[value="3"]').attr('disabled','disabled')
\t \t \t \t \t break;
case "4" :
\t \t \t \t \t \t $('select.remRep option[value="4"]').attr('disabled','disabled')
\t \t \t \t \t break;
case "5" :
\t \t \t \t \t \t $('select.remRep option[value="5"]').attr('disabled','disabled')
\t \t \t \t \t break;
\t \t \t \t }
\t \t \t });
\t \t });
\t </script>
</head>
<body>
\t <select id="sel1" class="remRep">
\t \t <option value="0">none</option>
<option value="1">Subject1</option>
<option value="2">Subject2</option>
<option value="3">Subject3</option>
</select>
<select id="sel2" class="remRep">
\t \t <option value="0">none</option>
<option value="1">Subject1</option>
<option value="2">Subject2</option>
<option value="3">Subject3</option>
<option value="4">Subject4</option>
<option value="5">Subject5</option>
</select>
<select id="sel3" class="remRep">
\t \t <option value="0">none</option>
<option value="1">Subject1</option>
<option value="2">Subject2</option>
<option value="3">Subject3</option>
<option value="4">Subject4</option>
<option value="5">Subject5</option>
</select>
</body>
</html>
對不起發現了一個大的,我的工作現在。 – JohnV
請參閱更新,現在按預期工作。 – JohnV
非常感謝! – Zeng