Как очистить все элементы в выпадающем меню Multislect Chosen.js?

Question

Я хочу УДАЛИТЬ все элементы в раскрывающемся списке select.js multi select, Как я могу это сделать? Я пытался использовать ..

var ddlSitesID = $("#SelectedSites option").length 
if (ddlSitesID) { 
    for (i = 0; i != ddlSitesID; i++) { 
     $("#SelectedSites option").remove(i); 
    } 
} 

Но это не сработает, пожалуйста, помогите.

Answer 1

Вы можете сделать это с двумя способом

-Первый способ:

 $('#SelectedSites').html(''); 

-Второй путь:

 $('#SelectedSites').find('option').remove().end(); 

Answer 2

Попробуйте это: jsfiddle.net/bharatsing/j9yuL/131/

//To clear selection 
$('#SelectedSites option').prop('selected', false).trigger('chosen:updated'); 

//Remove all items 
$('#SelectedSites').html("");  
$("#SelectedSites").chosen().trigger('chosen:updated'); 

Answer 3

Я нашел решение ,

Первый запуск этого ..

var ddlSitesID = $("#SelectedSites option").length 
    if (ddlSitesID) { 
     for (i = 0; i != ddlSitesID; i++) { 
      $("#SelectedSites option").remove(i); 
     } 
    } 

затем запустить это после того, как он

$('#SelectedSites').trigger('chosen:updated'); 

Answer 4

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