禁用選項時加亮顯示

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