语义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/