如何在選擇標簽中選擇選項

Question

我需要添加javascript或jquery代碼才能從組合框選擇選項。 有25個組合框，並且有從數據庫中讀取的值。 請在下面找到代碼片段

需要選擇用戶選擇的選項。 它必須從數據庫中讀取。

<div class="control-group">
      <label class="control-label">A. Nails are Clean *</label>
      <div class="controls">
        <select name="obs_chart_nails_clean" >
            <option value="Always">Always</option>
            <option value="Sometimes">Sometimes</option>    
            <option value="Rarely">Rarely</option>               
        </select>
      </div>      
    </div>  

Answer 1

如果添加id屬性以select

<select name="obs_chart_nails_clean" id="obs_chart_nails_clean">

並將jquery添加到您的頁面，然后

$(document).read(function(){
    $("#obs_chart_nails_clean").val("Rarely");
});

將選擇第三個選項。

您在服務器端擁有什么？ 您應該能夠生成帶有已選擇的正確選項的html。

Answer 2

除了現有答案外，還必須注意明顯的no-javascript解決方案：

<select name="obs_chart_nails_clean" >
    <option value="Always">Always</option>
    <option value="Sometimes">Sometimes</option>    
    <option value="Rarely" selected>Rarely</option>               
</select>

只需將selected屬性添加到option s之一即可。

Answer 3

$(document).ready(function(){
    $('#obs_chart_nails_clean').val("Sometimes");
});