禁用选项时加亮显示

Question

我将禁用的选项附加到<select>框中，但我遇到了一些问题。如果我追加<select>中的选项，其中一个选项仍然突出显示，这看起来不是什么大不了的事情，但当一个禁用选项突出显示时显得不太好，显然其他选项无法突出显示。

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

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

Answer 1

可能是的select值设置为空字符串选定的选项是你想要的东西：

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

工作jsFiddle是here

Answer 2

要清除一个select最简单的就是使用val()

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