ドロップダウンリストのデフォルト選択値の変更

Question

ドロップダウンリストのデフォルト選択値を変更する方法。私はデフォルト値を価格の高低の代わりにベストセラーにしたい。

コード：

<select name="ddlSort" id="ddlSort" onchange="javascript:callSortOrder()" class="dropdown" gtbfieldid="2"> 
    <option selected="selected" value="">Price low to high</option> 
    <option value="1">Price high to low</option> 
    <option value="2">Best seller</option> 
    <option value="3">Highest rating</option> 
</select> 

Answer 1

はちょうどあなたがしたいoptionにselected="selected"を入れて、他のオプションから取り外します。

だから、あなたのケースで

<select name="ddlSort" id="ddlSort" onchange="javascript:callSortOrder()" class="dropdown" gtbfieldid="2"> 
    <option value="">Price low to high</option> 
    <option value="1">Price high to low</option> 
    <option selected="selected" value="2">Best seller</option> 
    <option value="3">Highest rating</option> 
</select> 

Answer 2

は、以下のマークアップを使用してください。 selected="selected"属性は、そのオプションを選択するようにブラウザに指示します。

<select name="ddlSort" id="ddlSort" onchange="javascript:callSortOrder()" class="dropdown" gtbfieldid="2"> 
    <option value="">Price low to high</option> 
    <option value="1">Price high to low</option> 
    <option selected="selected" value="2">Best seller</option> 
    <option value="3">Highest rating</option> 
</select> 

あなたはjQueryのこの

$("#ddlSort").val('2');