列表组合框中的文本没有正确对齐

Question

<div id="speakerDiv" data-role="fieldcontain">
<label id="speakerId" for="speaker">Speaker ID*</label>     
<select id="speaker" name="speaker_r" tab-index="2" class="ui-li-count">
       <option value="">SELECT YOUR SPEAKER ID</option>
        <option value="PH">vd_phani</option>
        <option value="AD">vd_aditya</option>
        <option value="PR">vd_prashant</option>
        <option value="SR">vd_sriram</option>
        <option value="KA">vd_kapil</option>
        <option value="MA">vd_maruthi</option></font>
    </select>
</div>

默认值最初还包括列表组合框中的所有选项。如何解决这个问题？

在按钮上显示字符串“SELECT YOUR SPEAKER ID”两次，然后继续显示按钮上的所有选项。如何??

Answer 1

文档：

• http://jquerymobile.com/demos/1.0b2/#/demos/1.0b2/docs/forms/selects/index.html

直播示例：

• http://jsfiddle.net/wHDSw/3/（第二部分需要在本地测试）