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