How to clear the select boxes [closed]

Question

I am hoping this will be a simple answer, I have used chosen drop downs for filtering the records. I have added another button for reseting the filter values.

I want to clear the chosen drop down on the "Reset" click.

I did try changing the selected values, but no luck.

Any pointers?

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

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/

Answer 3

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.