Jquery 已选择 - 销毁方法无效

Question

我在使用 jQuery Chosen 插件的表单中有一堆 select 元素。我无法重置表格：

我已经提到了这个 link 但对我没有任何帮助：

jQuery Chosen reset

我的代码是：

 $scope.share = function (share_data,type, doc_type) {
        // $('.userlist').chosen().destroy()
            $scope.sharedgroup = [];
            $scope.users_select = "";
            // $scope.sharetype = type;
            $scope.doc_type = doc_type; 
            $scope.shareid = share_data._id;
            console.log(share_data)
            $('#shareModal').modal('toggle');
        $scope.getclientshare(share_data);  
        // $(".userlist").val([]).trigger('chosen:updated')
        $scope.getfilterlist=function(){
         $http.post("/getuserslist", { 'users': 'list'}).then(function (response) {
            $scope.userlist = response.data
            $(".userlist").val('').trigger("chosen:updated");
            $timeout(function () {
               $(".userlist").chosen({ disable_search_threshold: 3 });
                $scope.page_loader = false;            
          });

         });  
        }
        $scope.getfilterlist();


    };

我有没有做错什么？

Answer 1

 $(".userlist").html('').chosen();

Answer 2

$(".chosen-select").val('').trigger("chosen:updated");

请试试这个，它会在您的下拉列表中设置一个默认值。

Answer 3

查看下面的代码

 $(".chzn-select").chosen();
$('a').click(function(){
    $(".chzn-select").val('').trigger("liszt:updated");
});

Jquery 已选择 - 销毁方法无效

Jquery Chosen - destroy method is not working

html

jquery

jquery-chosen