Question

我正在使用JQuery mobile。我正在构建一个包含以下代码的表单：

<label for="genderDropDownList">Gender</label>
<select name="genderDropDownList" id="genderDropDownList" data-native-menu="false">
  <option>Unspecified</option>
  <option value="-1">Unspecified</option>
  <option value="0">Male</option>
  <option value="1">Female</option>
</select>

显示自定义菜单here。现在，当有人点击下拉列表时，会出现一个包含多个选项的对话框。对话框标题显示“未指定”。我知道这是因为“未指定”是第一个选择。我想要的是，下拉默认为“未指定”，对话框标题说“请选择......”。

我似乎无法弄清楚如何做到这一点？我没有看到任何可以设置的属性来完成此任务。然后我想到了听“轻敲”事件，但我似乎无法让它工作。

Answer 1

这样的事情有用吗？

<label for="genderDropDownList">Gender</label>
<select name="genderDropDownList" id="genderDropDownList" data-native-menu="false">
  <option>Please Choose</option>
  <option value="-1" selected="selected">Unspecified</option>
  <option value="0">Male</option>
  <option value="1">Female</option>
</select>

Answer 2

试试这个：

<label for="genderDropDownList">Gender</label>
<select name="genderDropDownList" id="genderDropDownList" data-native-menu="false">
  <option>Please choose...</option>
  <option value="-1" selected="selected">Unspecified</option>
  <option value="0">Male</option>
  <option value="1">Female</option>
</select>

在JQuery Mobile中更改自定义菜单

2 个答案: