javascript - jQuery - 在按钮上单击触发选择选项

Question

伙计们，我想问一下，当我单击一个按钮以触发选择菜单中的一个选项时，我如何在 jQuery 中创建一个函数。

这是我的 HTML 代码:

<select id="target_menu" name="sort_by">
    <option selected="selected" id="position" value="http://cosmeo.superweb.bg/index.php/priceslider/slider/view/?dir=asc&amp;id=35&amp;max=424&amp;min=0&amp;order=position">Позиция</option>
    <option id="name" value="http://cosmeo.superweb.bg/index.php/priceslider/slider/view/?dir=asc&amp;id=35&amp;max=424&amp;min=0&amp;order=name">Име</option>
    <option id="price" value="http://cosmeo.superweb.bg/index.php/priceslider/slider/view/?dir=asc&amp;id=35&amp;max=424&amp;min=0&amp;order=price">Цена</option>
    <option id="color" value="http://cosmeo.superweb.bg/index.php/priceslider/slider/view/?dir=asc&amp;id=35&amp;max=424&amp;min=0&amp;order=color">Color</option>
    <option id="created_at" value="http://cosmeo.superweb.bg/index.php/priceslider/slider/view/?dir=asc&amp;id=35&amp;max=424&amp;min=0&amp;order=created_at">Дата</option>
</select>

我希望在选择时触发的选项是 created_at。

这是我想要的按钮代码，当它被点击以选择带有 id target_menu 的选择菜单的带有 id created_at 的选项时:

<button onclick="triggerChange()" class="FirstFilter">
    Click me!
</button>

当我点击按钮时 -> Click Me! 我希望 jQuery 在 ID 的选择菜单中强制/触发 ID created_at 的选项选择目标菜单。

我的函数 triggerChange() 应该是什么样子？

那么伙计们，我该怎么做呢？

Answer 1

试试这个函数:

 function triggerChange(){
        $("#target_menu").val($("#target_menu #created_at" ).val());
        $('#target_menu').trigger('change');
   }