javascript - 从 JavaScript 中选择一个选项不起作用

Question

我正在使用 jQuery 从 JavaScript 的选择元素中选择一个选项。JavaScript 运行后，下拉列表仍然显示[Select]，但是当我从 Chrome 检查下拉列表时，它是

<select id="teacher">
  <option value="*">[Select]</option>
  <option value="ADRIAN SCOTT" selected="selected">ADRIAN SCOTT</option>
</select>

所以ADRIAN SCOTT应该被选中不应该吗？但下拉菜单仍然显示[Select]。这么奇怪！我在看鬼？

我试过了

$('#teacher option').removeAttr('selected');
$('#teacher option[value="ADRIAN SCOTT"]').attr('selected', 'selected');

它没有用。所以我尝试了

function selectOptionOnDropdown(dropdown, optionValue) {
    $(dropdown).find('option').each(function (i, option) {
        if ($(option).val() == optionValue)
            $(option).attr("selected", "selected");
        else
            $(option).removeAttr("selected");
    });
}

要调用此函数：

selectOptionOnDropdown($('#teacher'), 'ADRIAN SCOTT');

也没有工作。当我检查元素时，它设置正确。但从视觉上看，下拉菜单仍然显示“[Select]”。

Answer 1

只有这个有效：

$('#teacher option').val('ADRIAN SCOTT').change();