jQuery Mobile 1.1.1自定义选择菜单 - 占位符文本不可见

时间:2012-07-13 18:46:56

标签: jquery-mobile placeholder select-menu

今天早些时候(2012年7月13日)升级到jQuery Mobile 1.1.1之后,我注意到我的所有自定义选择菜单都不再显示页面加载时的占位符文本。我在1.1.1中需要做些什么来在自定义选择菜单中显示占位符文本吗?帮助!?!?

以下是我的代码示例:

<div data-role="fieldcontain" class="ui-hide-label no-field-separator">
      <label for="ceiling" class="select" data-theme="a">Ceiling</label>
       <select name="ceiling" id="ceiling" data-theme="a" data-native-menu="false" class="required">
            <option data-placeholder="true">Ceiling (Yes/No)</option>
            <option value="Yes">Ceiling: Yes</option>
            <option value="No">Ceiling: No</option>
      </select>
</div>

示例图片(黑条是我的自定义选择菜单): enter image description here

1 个答案:

答案 0 :(得分:-2)

这段代码对我有用:

<select>
  <option value="" data-placeholder="true">Choose one:</option>
  <option value="1">One</option>
  <option value="2">Two</option>
</select>

只需将value=""放在占位符选项

上即可