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

Posted 2023-03-05

【中文标题】jQuery Mobile 1.1.1 自定义选择菜单 - 占位符文本不可见

【英文标题】：jQuery Mobile 1.1.1 Custom Select Menu - Placeholder Text not Visible

【发布时间】：2012-07-13 15:47:56

【问题描述】：

今天早些时候（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>

示例图片（黑条是我的自定义选择菜单）：

【问题讨论】：

看起来像一个错误，在这里提交问题：github.com/jquery/jquery-mobile/issues/4696

他们应该有一个解决方法并在维护版本 1.1.2 中修复

（我知道这可能是个愚蠢的问题）知道什么时候发布 1.1.2 吗？估计？我正在发布一个基于此的应用程序，如果这是修复的预发布，那就太好了。

如果你只需要修复，你可以在这里下载它：jquerymobile.com/test/docs/forms/selects/custom.html 或者只是使用测试 jQM：jquerymobile.com/test/js/jquery.mobile.js 直到 1.1.2 发布

有补丁，能确认一下吗？ github.com/jquery/jquery-mobile/issues/4696

【参考方案1】：

这段代码对我有用：

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

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