Изменение пользовательского меню в 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» и название диалогового окна, чтобы сказать «Пожалуйста, выберите ...».

Я не могу понять, как это сделать? Я не вижу никаких свойств, которые вы можете установить для этого. Затем я подумал о прослушивании события «tap», но я не мог заставить его работать.

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>