更改下拉列表中的默认选定值答案

【问题标题】：Changing the default selected value in dropdownlist更改下拉列表中的默认选定值
【发布时间】：2012-01-25 13:31:21
【问题描述】：

如何更改下拉列表的默认选定值。我希望将默认值设为畅销书，而不是价格从低到高。

代码：

<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>

【问题讨论】：

您想在 HTML 中更改还是使用 JavaScript 更改？
<option value="2" selected="selected">Best seller</option> 然后从“价格从低到高”中删除选定的属性
我想用 jquery /javascript 改一下

标签： jquery drop-down-menu default-value

【解决方案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');

【讨论】：

它在下拉列表中改变值，但不改变该值的文本。
它将在下拉列表中设置值为“2”的选项。你到底想要什么？
它在下拉列表中选择选项 2，但显示第一个选项（价格从低到高）文本向下。我的意思是不显示畅销文本。
文字向下是什么意思？
应该按照下拉列表排序。即使将测试更改为畅销书，它也不会显示畅销书值，而是显示价格从低到高。

【解决方案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>

【讨论】：

我无法更改已经存在的代码。我需要在 javascript/jquery 中做。
如果通过 jquery，请像其他答案一样执行$("#ddlSort").val('2);。