JQuery Mobileのカスタムメニューを変更する

Question

私はJQueryモバイルで作業しています。

<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示されている：私は、次のコードが含まれてフォームを構築しています。今、誰かがドロップダウンをクリックすると、複数のオプションを持つダイアログが表示されます。ダイアログタイトルに "Unspecified"と表示されます。私はそれが "Unspecified"が最初の選択肢であるので、これが言うことを知っています。私が欲しいのは、デフォルトでは "Unspecified"にドロップダウンし、 "Please choose ..."と言うダイアログのタイトルです。

私はこれを行う方法を理解できないようですか？これを達成するために設定できるプロパティは表示されません。それから私は "タップ"イベントを聞くことを考えましたが、私はそれを働かせることもできませんでした。

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>