我在下面有一个 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>';