2012-01-31 54 views
2

我正在使用JQuery mobile。我建立包含以下代码的形式:在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。现在,当有人点击下拉菜单时,会出现一个对话框,其中包含多个选项。对话标题显示“未指定”。我知道这是因为“未指定”是第一个选项。我想要的是,下拉到默认为“未指定”和对话标题说“请选择...”。

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

回答

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