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 为 created_at 的选项时，选择 ID 为 target_menu 的菜单:

<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');
   }