从jQuery Chosen动态删除选项

时间:2015-10-31 21:39:55

标签: javascript jquery jquery-chosen

这适用于向jQuery选择的选择框动态添加选项;

var select = $('select', editor.field('cms_module_system_tenancies.tenant_id').node() );
var newOption = $('<option value="'+tenant_id+'" selected>'+tenant_forename+' '+tenant_surname+'</option>');
select.append(newOption);
select.trigger("chosen:updated");

但是,我无法弄清楚如何在下次触发选择列表时撤消操作并删除新添加的项目。

select.append是否会从列表中删除该选项?

2 个答案:

答案 0 :(得分:13)

动态更新jQuery选择

试试这个:

删除所有子节点

$('#selectBox').empty().append('<option value="0">-- Select --</option>');  

这里我们首先清空选择框,然后附加默认的“选择”选项。

删除单个子节点

$("#selectBox option[value='option1']").remove(); 

在空()或删除()之后选择了触发:更新

$('#selectBox').trigger("chosen:updated"); 

希望这有用。

答案 1 :(得分:0)

检查prepend这将首先插入。反向追加。