jquery - 使用 jQuery 在页面加载时选择一个选项，然后应用 onChange 事件

Question

我想让 jQuery 从“选择选项”中选择一个元素，然后触发一个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().