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