如何清除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");