2016-05-18 2 views
0

У меня есть некоторые раскрывающиеся окна на моей веб-странице. Я хочу, чтобы пользователь выбирал их один за другим, обновлял следующие варианты раскрывающегося списка на основе этой выпадающей выбранной опции. Я использую семантический ui, поэтому он выглядит лучше и имеет функцию поиска. Я знаю, что семантический ui имеет класс, чтобы отключить выпадающий список.semantic ui как включить или отключить выпадающее меню с javascript

Моя проблема заключается в том, как включить или отключить выпадающие списки с помощью javascript. Я попытался добавить или удалить класс, но он не работает. или это невозможно сделать?

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

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

ответ

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>

+0

большое спасибо – Jerryc

1

Вот как JQuery:

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

большое спасибо – Jerryc

2

Работает jQuery. вот пример ...

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

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

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

+0

благодаря @Anwar Хоссейн она работает, что случилось с моим кодом? что-то с идентификатором? – Jerryc

+0

примените функцию .addClass() к другому элементу, чтобы проверить, работает ли jquery отлично. а также проверить, есть ли "$ ('select'). dropdown();" помогает –

Смежные вопросы