如何使用jQuery Mobile選擇器菜單？

Question

我終於找到了jQuery Mobile選擇器菜單組件的HTML，這要感謝我的其他question，但我再次陷入困境。

我目前使用此代碼，這很好地工作：

<div data-role="content"> 
    <div data-role="fieldcontain"> 
     <label for="select-choice-nc" class="select">Font Choice:</label> 
     <select name="select-choice-4" id="select-choice-nc"> 

      <option value="arial">Arial</option> 
      <option value="papyrus">Papyrus</option> 
      <option value="helvetica">Helvetica</option> 
      <option value="calibri">Calibri</option> 

     </select> 
    </div> 
</div><!-- /content --> 

但我怎麼告訴哪個選項已經被選中？

Answer 1

這就像jQuery的移動（也許jQuery Immobile？）。與其他表單元素一樣，使用.val()可獲得值<select>：

$('#select-choice-nc').val();