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

Question

我想删除selected.js多选下拉列表中的所有项目，我该怎么做？我试过用..

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