javascript - 使用 jQuery 选择中的自动单击选项

Question

我正在尝试使用 jQuery 自动选择产品排序过滤器，但在使其正常工作时遇到了一些麻烦。

<select class="selectProductSort" id="selectPrductSort1" onchange="">
  <option selected="selected" value="position:asc">Sorter efter</option>
  <option value="price:asc">Pris: laveste først</option>
  <option value="price:desc">Pris: højeste først</option>
  <option value="name:asc">Varenavn: A til Å</option>
  <option value="name:desc">Varenavn: Å til A</option>
  <option value="quantity:desc">Lagervarer først</option>
  <option value="reference:asc">Reference: Laveste først</option>
  <option value="reference:desc">Reference: Højeste først</option>
</select>

到目前为止，我已经尝试过以下方法，但没有成功。

$('.selectProductSort option[value="price:asc"]').prop('selected', 'selected').change();
$('.selectProductSort option[value="price:asc"]').trigger( 'click' );
$('.selectProductSort option[value="price:asc"]').click();

我尝试过使用 $(document).ready 和不使用 $(document).ready。

第一个示例将所需的过滤器设置为选中状态，但过滤器功能未激活，因此产品仍处于相同的顺序。

选择过滤器后，页面不会重新加载。

希望大家能帮帮我

https://jsfiddle.net/azc66a0b/

Answer 1

试试这个:设置 select 的值，然后调用 click() ，如下所示。但请确保您的点击处理程序必须在调用 click 之前注册。

$('.selectProductSort').val("price:asc").click();

在调用 click 之前/之后检查下面的 jsfiddle 演示

JSFIddle with Click handler registered before calling click

JSFIddle with Click handler registered after calling click