如何根据 jQuery 中的不同元素更改所选选项？

Question

我正在尝试根据单击完全不同的项目来更改 selected 选项 select，但更改实际上不起作用。

我有以下jQuery函数

        $(".fake-label").click(function () {
            console.log(attribute[1]);
            $("#media_professions_select").val(attribute[1]).trigger('change');
        });

和下面的HTML，但没有任何反应。属性 [1] 是“自由记者”

                <select required id="media_professions_select">
                    <option disabled selected>Make a Choice</option>
                    <option value="Freelance Journalist">Freelance Journalist</option>
                </select>

我试过，.val()，带 .trigger() 和不带。 .attr("selected", true) 也不起作用。

Answer 1

.val(value) 如果完全匹配（空格、大小写等）

应该绝对有效

$(".fake-label").click(function() {
  let a = "Freelance Journalist"
  $("#media_professions_select").val(a);
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<button class='fake-label'>click</button>

<select required id="media_professions_select">
  <option disabled selected>Make a Choice</option>
  <option value="Freelance Journalist">Freelance Journalist</option>
</select>

如何根据 jQuery 中的不同元素更改所选选项？

How do I change selected option based on different element in jQuery?

jquery

select