使用jQuery在页面加载上选择一个选项，并应用onChange事件

Question

我想让jQuery从“select option”中选择一个元素然后触发onChange事件。我让它适用于第一部分（在加载页面时选择一个选项），但不适用于第二部分，其中包括进行与选择选项相关的更改。

正如您所看到的，从最高到最低的价格是默认显示的选项。我想仅针对特定页面从最低到最高。我是jQuery的新手。感谢。

<select style="width:175px;" class="lstSort" id="ctl00_mainContentPlaceHolder_lstProducts_lstSort" onchange="javascript:setTimeout('__doPostBack(\'ctl00$mainContentPlaceHolder$lstProducts$lstSort\',\'\')', 0)" name="ctl00$mainContentPlaceHolder$lstProducts$lstSort">
<option value="PriceHighestToLowest">Price (Highest to Lowest)</option>
<option value="PriceLowestToHighest">Price (Lowest to Highest)</option>
</select>


<script>
$('document').ready(function () {
    $("select#ctl00_mainContentPlaceHolder_lstProducts_lstSort").val("PriceLowestToHighest");
});
</script>

原始ASP.NET代码：

<asp:DropDownList runat="server" ID="lstSort" CssClass="lstSort" Width="175" AutoPostBack="true"
   OnSelectedIndexChanged="lstSort_SelectedIndexChanged">
    <asp:ListItem Text="Price (Highest to Lowest)" Value="PriceHighestToLowest" />
    <asp:ListItem Text="Price (Lowest to Highest)" Value="PriceLowestToHighest" />
</asp:DropDownList>

Answer 1

$('document').ready(function () {
    $("select#ctl00_mainContentPlaceHolder_lstProducts_lstSort").val("PriceLowestToHighest").change();
});

或者：

$('document').ready(function () {
    $("select#ctl00_mainContentPlaceHolder_lstProducts_lstSort").val("PriceLowestToHighest").trigger('change');
});

参考文献：

• change()。
• trigger()。