jQuery Mobile 控制 select 的顯示隱藏 display none

如需要動態控制下拉選擇菜單select的顯隱，一般考慮使用display:none這個方法。

但在jQueryMobile中的select添加自定義的css，display:none 是無效的。

解決方法是連父級元素也隱藏，並刷新select菜單。

實例代碼：
<select id="dddd" name="dddd"
        data-mini="true" data-native-menu="false" data-theme="c"
        onChange=""
        style="display:none">     
  <option value="1">An optinos</option>
</select>

動態控制上面select顯隱的js代碼：
$('#dddd').css('display', 'none').parent('div').parent('.ui-select').css('display', 'none');
$('select').selectmenu('refresh');


原文地址：http://stackoverflow.com/questions/11968710/jquery-mobile-displays-hidden-select-element