Remove option dynamically from jQuery Chosen

Question

This works well to add an option dynamically to a jQuery chosen select box;

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");

But, I can't figure out how to reverse the action and remove that newly added item the next time I trigger the select list.

Is there a reverse of select.append which would remove the option from the list?

Answer 1

Update jQuery Chosen Dynamically

Try this:

Remove all child nodes

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

Here we are first emptying the select box and then appending a default "Select" option.

Remove a single child node

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

Trigger chosen:updated after empty() or remove()

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

Hope this is helpful.

Answer 2

Check prepend this will insert first. reverse to append.