HTML選擇標簽+ JavaScript

Question

我有幾個select標簽。 我想做的是，如果在其中一個選項中選擇了一個，則在另一個select禁用了一個select 。 我必須遵循以下代碼段，但似乎沒有任何效果，或者我插入了錯誤的代碼，或者有不匹配的內容？

 var $selects = $('select'); $selects.on('change', function() { $("option", $selects).prop("disabled", false); $selects.each(function() { var $select = $(this), $options = $selects.not($select).find('option'), selectedText = $select.children('option:selected').text(); $options.each(function() { if ($(this).text() == selectedText) $(this).prop("disabled", true); }); }); }); $selects.eq(0).trigger('change'); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <select name="option" size="1" style="width:80px;" required> <option value="" selected disabled hidden>Rank</option> <option value="1">1</option> <option value="2">2</option> <option value="3">3</option> </select> <br /> <select name="option" size="1" style="width:80px;" required> <option value="" selected disabled hidden>Rank</option> <option value="1">1</option> <option value="2">2</option> <option value="3">3</option> </select> 

提前非常感謝您！

Answer 1

使用attr函數代替prop函數。

$(this).attr("disabled", true);