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

Question

我想删除selected.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

您可以通过两种方式执行此操作

-第一种方式：

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

-第二种方式：

      $('#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');

Answer 4

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