2012-01-31 53 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>