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

【问题标题】：Select an option on page load, with jQuery, and apply an onChange event使用 jQuery 在页面加载时选择一个选项，然后应用 onChange 事件
【发布时间】：2013-06-08 19:25:31
【问题描述】：

我想让 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>

【问题讨论】：

标签： jquery select option onchange

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

【讨论】：

@SpYk3HH：感谢您的编辑，并试图提供帮助，但请不要在前几分钟。我们中的许多人，包括我自己，都会发布一个初步答案（以解决问题），然后返回编辑、更新、填写并添加对答案的引用。我在你编辑时正在做的事情。认真地说，这不是问题：感谢您的尝试！ =)
@David Thomas - 抱歉，它有效，但它不停地循环。如何防止这种情况？我要永远重新加载页面，它只会破坏一切。
什么是循环，为什么？如果您不显示您的变更处理程序，我将无能为力。
好吧，似乎更改事件正在永远执行，这也使页面也永远重新加载。
所以显示更改处理程序，将其添加到您的问题中，然后我可能会提供帮助。