How to clear the select boxes [closed]

Answer 1

Finally got answer to my question, it was asked in the GitHub for Choosen plugin.

Here is the code that works like charm:-

          $('.dropdownclass option:selected').removeAttr('selected');
          $('.dropdownclass').trigger('chosen:updated');

Hope this helps..

Answer 2

You would need to first reset it and then update chosen dynamically.

$(".category-filter").val(""); 

$(".category-filter").trigger("chosen:updated");     //version v1.0.0

$(".category-filter").trigger("chzn:updated");     //other than version v1.0.0

Hope this helps.

Answer 3

your answer:

$(".category-filter").val("")

Should work if its got the class "category-filter", and attached in the button .click() function, and within the document.ready function. - Is the option value "" actually a select option that can be selected? as I believe it needs to be for this to work?

A fiddle to show..

http://jsfiddle.net/UmV6p/3/