Autoclick Option in select with jQuery
<p>I'm trying to autoselect a product sort filter with jQuery, but I'm having a bit of trouble getting it to work properly.</p>

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

<p>I've tried the following so far, but no luck.</p>

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

<p>I tried with $(document).ready and without.</p>

<p>The first example sets thedesired filter as selected, but the filter function isn't activated, so the products still are ín the same order.</p>

<p>When a filter is selected, the page doesn't reload.</p>

<p>Hope you guys can help me out</p>

<p><a href="https://jsfiddle.net/azc66a0b/" rel="nofollow">https://jsfiddle.net/azc66a0b/</a></p>