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

标签 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

最佳答案

这段代码对我有用:

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

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

关于jquery-mobile - jQuery Mobile 1.1.1 自定义选择菜单 - 占位符文本不可见,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11476484/

相关文章:

javascript - jQuery Mobile 中的自定义图标使用自定义主题失败

css - 字体外观不适用于自定义语言字符

表单中输入占位符字段中的 Html 仅颜色 (*) 符号

javascript - 为选择菜单转义 HTML "value"属性

jquery - Opera Mobile 和 jQuery Mobile 选择菜单显示错误

javascript - 每次 Android 打开自己的虚拟键盘时,jQMobile 都会重新定位弹出窗口 - 我无法输入任何内容

javascript - 在移动设备上使用触摸事件 + jquery-ui 可排序无法按预期工作

javascript - 对话框错误 "Uncaught TypeError: Cannot read property ' sdIntContent' of undefined "

CSS 在打印时隐藏占位符

css - 如何在 jQuery Mobile [使用固定标题工具栏] 中设置(selectmenu)叠加层的偏移量?