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

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" указывает браузеру выбрать эту опцию.

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

Answer 2

Просто поместите 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>