javascript - 如何通过按钮更改选择表单

Question

我有一个选择表单:

<select>
    <option value ="one">Label 1</option>
    <option value ="two">Label 2</option>
    <option value ="three">Label 3</option>
</select> 

但我也有一些按钮可以调用与选择表单相同的功能

<button class="one">Label 1</button>
<button class="two">Label 2</button>
<button class="three">Label 3</button>

因此，如果我选择这些按钮之一，如何更改选择表单中显示的选项(我的意思是打开表单之前表单中的文本)？

所以如果你$("button.three").click(); “标签 3”将显示在选择表单中

我不知道改变 <select> 的功能是什么？的标签。我已经尝试过这些，但它们不起作用:

$("select").select().val("three");
$("select").find([value="three"]).select();
$("select").selectedIndex = 1;

Answer 1

$("button").on("click", function() {
    var selectedClass = $(this).attr("class");
    $("option[value="+ selectedClass + "]").attr("selected", true);
});