使用jQuery時下拉選項如何清空選擇框改變

Question

下面我有它附加一個選擇的值從一個選擇框到另一個jQuery的點擊功能：

// Add Button 
$('#addbtn').click(function() { 
    var selectedOption = jQuery("#studentremain option:selected"); 
    selectedOption.appendTo($("#studentadd")); 
}); 

現在我遇到的問題是，如果用戶在下拉菜單中更改了某個選項，那麼我希望選擇框#studentadd回到空白狀態。問題在於選擇框中附加的值仍然存在，如何清空選擇框？

下面是jQuery的功能時，下拉菜單的變化和我的排空選擇框嘗試：

$('#sessionsDrop').change(function() { 
    if ($(this).val() !== '') { 
     var text = $(this).find('option:selected').text(); 
     $('#studentadd').val('');  
    } 
}); 

HTML/PHP：

選擇框：

$addSELECT = ""; 
$addSELECT .= '<select name="addtextarea" id="studentadd" size="10">'; 
$addSELECT .= '</select>'; 

降下拉菜單：

$sessionHTML = '<select name="session" id="sessionsDrop">'.PHP_EOL; 
$sessionHTML .= '<option value="">Please Select</option>'.PHP_EOL;   
$sessionHTML .= '</select>'; 

Answer 1

要刪除您可以使用empty()元素的內容：

$('#sessionsDrop').change(function() { 
    if ($(this).val() !== '') { 
     var text = $(this).find('option:selected').text(); 
     $('#studentadd').empty();  
    } 
}); 

Answer 2

這肯定會做呢？

$('#studentadd').html('');