javascript - How to select option in select tag

Question

I need to add javascript or jquery code in order to select option from combobox. There are 25 comboboxes and there value read from database. Please find below code fragment

option which is selected by user needs to be selected. It has to be read from database.

<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");
});

3番目のオプションを選択します。

サーバーサイドには何がありますか？正しいオプションがすでに選択されている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");
});