1

jQueryで「選択オプション」から要素を選択してからイベントを発生させたいと思いますonChange。最初の部分（ページをロードするときにオプションを選択する）では機能しましたが、オプションの選択に関連する変更を行うことで構成される2番目の部分では機能しませんでした。

ご覧のとおり、最高から最低までの価格がデフォルトの表示オプションです。特定のページのみ、最低から最高まで作成したいと思います。私は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>
4

1 に答える 1

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

または：

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

参考文献:

于 2013-06-12T15:39:01.287 に答える