語義ui如何啓用或禁用與javascript下拉列表

Question

我在我的網頁中有一些下拉框。我希望用戶逐一選擇它們，根據此下拉選定選項更新下一個下拉選項。我使用語義UI，因此它看起來更好，並具有搜索功能。我知道語義UI有一個類，使下拉禁用。

我的問題是我如何啓用或禁用JavaScript下拉菜單。我嘗試添加或刪除類，但它不起作用。或者不可能這樣做？

<select name="subject" id="subject" class="ui search dropdown disabled" > 
    <option value="">Subject</option> 
</select> 

$('#subject').removeClass('disabled'); 

Answer 1

mfunction disable() {document.getElementById("mySelect").disabled=true; } function enable() {document.getElementById("mySelect").disabled=false; }

這應該能夠啓用和禁用下拉框。現在，您只需閱讀答案並相應地啓用/禁用。如果設置類似於

<select id="thedropdown"> <option value="1">one</option> <option value="2">two</option> </select>

Answer 2

這裏

var a = document.getElementById("thedropdown"); alert(a.options[a.selectedIndex].value);

應該讓你在下拉菜單中的值是jQuery的方式：

$("#subject").prop("disabled", true); 

Answer 3

jquery的方式工作。 這裏有一個例子...

$('.dropdown').dropdown(); 

$('.ui.dropdown').addClass("disabled"); 

https://jsfiddle.net/anwar3606/n31xsjzn/