如何在select标签中选择选项

Question

我需要添加javascript或jquery代码才能从combobox中选择选项。有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

除了现有答案外，还必须注意明显的无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。

Answer 3

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