Javascript 选择选项后取消高亮显示下拉菜单

Javascript 选择选项后取消高亮显示下拉菜单,javascript,jquery,html,css,drop-down-menu,Javascript,Jquery,Html,Css,Drop Down Menu,我有一个下拉菜单 <select id='getbusornew'> <option value='News'>BBC News</option> <option value='Business'>Business News</option> </select> 但是我有一个问题,一旦我从下拉列表中选择了一个选项,下拉列表就会消失,只显示我选择的选项,它会一直高亮显示,直到我单击“消失”。是否有任何方法可以

我有一个下拉菜单

<select id='getbusornew'>
    <option value='News'>BBC News</option>
    <option value='Business'>Business News</option>
</select>

但是我有一个问题,一旦我从下拉列表中选择了一个选项,下拉列表就会消失,只显示我选择的选项,它会一直高亮显示,直到我单击“消失”。是否有任何方法可以更改自动突出显示的内容

最简单的方法是使用一点JavaScript

$('#getbusornew').on('change', function () {
    $(this).blur();
});
无论何时选择一个选项,都会将焦点从元素上移除


使用此单行JQuery可应用于所有下拉列表:


尝试使用$element.focus在其他元素上设置焦点;将onchange事件侦听器添加到选择调用$element.blur的位置;简森,你能不能把这个作为回答,这样我就可以接受了
$('#getbusornew').on('change', function () {
    $(this).blur();
});
$('select').on('change', function () {$(this).blur();});