1

以下にjQueryクリック関数があり、選択した値を1つの選択ボックスから別の選択ボックスに追加します。

// 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 に答える