Изменение выбранного значения по умолчанию в выпадающем списке

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

Просто поместите selected="selected" на option вы хотите, и удалить его из других вариантов.

Таким образом, в вашем случае

<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');