Question

我有一个带有下拉列表的页面，默认值为可用性。我想用jQuery将此值更改为最新。我遇到的问题是它需要进行回发，其中基本上页面刷新以显示所选选项的内容。任何线索的家伙？我没有源代码，也没有后端，我能做的就是使用jQuery进行操作。

这是我尝试过但它进入无限循环，页面不断重新加载。

$('select[name="ctl00$mainContentPlaceHolder$ListProducts$ListSort"]').val('CustomSortExpression').closest('form').submit();

由于

<select style="width:140px;" id="ctl00_mainContentPlaceHolder_ListProducts_ListSort" onchange="javascript:setTimeout('__doPostBack(\'ctl00$mainContentPlaceHolder$ListProducts$ListSort\',\'\')', 0)" name="ctl00$mainContentPlaceHolder$ListProducts$ListSort">
 <option value="CustomSortExpression">Newest</option>
 <option value="Availability">Availability</option>
 <option value="Alphabetical" selected="selected">Alphabetical (A-Z)</option>
 <option value="Brand">Brand Name (A-Z)</option>
 <option value="PriceHighestToLowest">Price (Highest to Lowest)</option>
 <option value="PriceLowestToHighest">Price (Lowest to Highest)</option>
 <option value="RecommendedProducts">Recommended</option>
</select>

Answer 1

var select = $('select[name="ctl00$mainContentPlaceHolder$ListProducts$ListSort"]')
if($(select).val() != 'CustomSortExpression')
   $(select).val('CustomSortExpression').closest('form').submit();

jQuery - 更改下拉值并提交表单

1 个答案: