semantic ui JavaScriptを使用してドロップダウンを有効または無効にする方法

Question

私のウェブページにはいくつかのドロップダウンボックスがあります。ユーザーが1つずつ選択して、このドロップダウンで選択したオプションに基づいて次のドロップダウンオプションを更新します。私はセマンティック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; }

。これで答えを読み、それに応じて有効/無効を切り替えるだけです。

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

それはここで

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

Answer 2

ように設定されている場合、あなたにドロップダウンメニューの値を取得する必要がありますjQueryの方法です：

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

Answer 3

jquery wayが機能します。ここ は一例です...

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

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

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