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

也没有用。当我检查元素时，它被正确设置。但在视觉上，下拉列表仍显示＆＃34; [选择]＆＃34;。

Answer 1

只有这样才有效：

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

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

1 个答案: