如何清除Chosen.js多选下拉菜单中的所有项目？

Question

我想删除chosen.js多选下拉菜单中的所有项目，我该怎么做？我试着用..。

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

但是它不工作，请帮助。

Answer 1

试试这个：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 2

您可以使用两种方法来完成此操作

-First方式：

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

-Second方式：

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

Answer 3

我找到了解决方案，

首先运行这个..

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

然后在它之后运行此命令

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