1

我在下面有一个 jQuery click 函数，它将一个选择框中的选定值附加到另一个：

// 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>';
4

2 回答 2

3

这肯定会做到吗？

$('#studentadd').html('');
于 2013-01-10T14:13:10.043 回答
1

要删除元素的内容，您可以使用empty()：

$('#sessionsDrop').change(function() {
    if ($(this).val() !== '') {
        var text = $(this).find('option:selected').text();
        $('#studentadd').empty();     
    }
});
于 2013-01-10T14:12:50.233 回答