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

Question

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

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

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

Answer 1

可能这就是你想要的：

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

工作 jsFiddle 在这里

Answer 2

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

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