jquerymobile Добавить выберите меню динамически

Question

У меня есть набор Dropboxes код не

<fieldset data-role="controlgroup" data-type="horizontal"> 
    <!--<legend>&nbsp;</legend>--> 
    <select name="select-widget" id="select-widget"> 
     <option value="Widget">Widget</option> 
    </select> 
    <select name="select-nbl" id="select-nbl"> 
     <option value="NBL">NBL</option> 
     <option value="HSM">HSM</option> 
     <option value="TERR">TERR</option> 
     <option value="KEY_ACCOUNT">KEY ACCOUNT</option> 
    </select> 
    <select name="select-level-focus" id="select-level-focus"> 
     <option value="LEVEL">LEVEL</option> 
     <option value="FOCUS">FOCUS</option> 
    </select> 
    <select name="select-wdg" id="select-wdg"> 
     <option value="WDG">WDG</option> 
    </select> 
    <select name="select-wds" id="select-wds"> 
     <option value="WDS">WDS</option> 
    </select> 
</fieldset> 

Нет, я хочу, чтобы удалить exixsting переключателя или добавить новый блок выбора к нему на смене «выбрать-NBL» или «Select- levelfocus»

Как сделать это с помощью jquerymobile

Answer 1

Это имеет мало общего с JQuery мобильный телефон, это просто мобильный рамки. Слушатели событий и манипуляции с DOM, которые вы хотите сделать, все еще обрабатываются jQuery.

В любом случае, как вы это делаете?

Ну, у вас есть слушатели событий:

$('#select-nbl').change(function() { 
    #Do something 
}); 

И вы можете скрыть вещи:

$('#select-wdg').parents('.ui-select').hide(); 

Использование родителей(), чтобы заботиться о дополнительной стилизации JQuery мобильных путы в там.

Вы не можете легко добавить отдельные ячейки в jQuery mobile, но если они скрыты, вы можете их показать.

$('#select-wdg').parents('.ui-select').show(); 

Все это действие: http://jsfiddle.net/luhn/Vgc4g/9/