禁用附加时突出显示的选项

Question

我将一个已禁用的选项附加到<select>框中，但我有一个小问题。如果我在<select>中附加选项，其中一个选项仍然会突出显示，这似乎不是什么大不了的事，但当突出显示一个禁用选项并且显然其他选项不可能时，它看起来不太好突出显示。

如何在追加选项时删除突出显示？以下是代码：

var selectedOption = $('select#studentadd');
$('select#studentselect').append(selectedOption.html()).attr('disabled', 'disabled');

Answer 1

要清除select中的所选选项，最简单的方法是使用select将val()的值设置为空字符串

$('select#studentselect').val('').append(selectedOption.html()).attr('disabled', 'disabled');

Answer 2

可能是你想要的：

var selectedOption = $('select#studentadd');
$("select#studentselect").append(selectedOption.html()).attr("disabled", "disabled");
$("select#studentselect option:selected").removeAttr("selected");

工作jsFiddle是here