Jquery Chosen - destroy method is not working

Question

I have a bunch of select elements in a form that I am using the jQuery Chosen plugin. I am not able to reset the form:

I have referred this link but nothing worked for me:

My code is:

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


    };

Is there any mistake I have done?

What do you expect `destroy` to do? *Delete* the selected elements? In that case I would expect `$('.userlist').chosen().destroy()` to work (I do not know the Chosen plugin, but that is how a jQuery-like fluent syntax ought to operate). — LSerni, Aug 20 '18 at 05:44
destroy will remove the selected one. $('.userlist').chosen().destroy() am getting is not a function . https://harvesthq.github.io/chosen/ — Vishnu, Aug 20 '18 at 05:46

score 3 · Accepted Answer · answered Aug 20 '18 at 07:30

3

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

Please try this, it will set a default value in your dropdown.

answered Aug 20 '18 at 07:30

shubham chhapre

296
1
14

what is your jquery chosen version? – shubham chhapre Aug 20 '18 at 08:37
$(".chzn-select").val('').trigger("liszt:updated"); try this – shubham chhapre Aug 20 '18 at 08:41
v1.8.7 @shubham – Vishnu Aug 21 '18 at 05:25
But its hiding after 1 sec – Vishnu Aug 21 '18 at 05:30
what is hiding default value or drop-down? – shubham chhapre Aug 21 '18 at 05:33
for example am selecting a value.. without saving am closing the modal.. If am again opening it removed perfectly..But after 1 second – Vishnu Aug 21 '18 at 05:45
you are using any kind of timer for reset its value. – shubham chhapre Aug 21 '18 at 05:50
$(".userlist").val('').trigger("chosen:updated"); $timeout(function () { $(".userlist").chosen({ disable_search_threshold: 3 }); $scope.page_loader = false; }); – Vishnu Aug 21 '18 at 06:02
Actually, I don't know why is it taking 1 sec but you can try to put your this line $(".userlist").val('').trigger("chosen:updated"); inside $timeout function , may be it work for you or adding after this function. – shubham chhapre Aug 21 '18 at 06:13
Please let me know, Are you using jquery for opening your modal popup or directly click on any tag? – shubham chhapre Aug 21 '18 at 06:15
clicking on share button..After that am opening modal inside function... See my code – Vishnu Aug 21 '18 at 06:40
Let us [continue this discussion in chat](https://chat.stackoverflow.com/rooms/178418/discussion-between-shubham-chhapre-and-vishnu). – shubham chhapre Aug 21 '18 at 06:45

score 0 · Answer 2 · answered Aug 20 '18 at 05:34

0

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

answered Aug 20 '18 at 05:34

hamed hossani

986
2
14
33

1

Thank your for your response. But its completely make empty the dropdown.. Instead of removing the selected one – Vishnu Aug 20 '18 at 05:36
please try ```$(".userlist").val('').chosen();``` – hamed hossani Aug 20 '18 at 05:41
another try ```$(".chzn-select").val('').trigger("change");``` or ```$(".chzn-select").val('').trigger("update");``` – hamed hossani Aug 20 '18 at 06:04

score 0 · Answer 3 · answered Aug 20 '18 at 07:34

0

see code below

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

answered Aug 20 '18 at 07:34

neel upadhyay

344
2
10

While this code may solve the question, [including an explanation](//meta.stackexchange.com/q/114762) of how and why this solves the problem would really help to improve the quality of your post, and probably result in more up-votes. Remember that you are answering the question for readers in the future, not just the person asking now. Please [edit] your answer to add explanations and give an indication of what limitations and assumptions apply. – Yunnosch Jun 28 '21 at 05:57

Jquery Chosen - destroy method is not working

3 Answers3