How do I clear the dropdownlist values on button click event using jQuery

Question

User · Answer

If you want to reset bootstrap page with button click using jQuery :

function resetForm(){
        var validator = $( "#form_ID" ).validate();
        validator.resetForm();
}

Using above code you also have change the field colour as red to normal.

If you want to reset only fielded value then :

$("#form_ID")[0].reset();

User · Answer

A shorter alternative to the first solution given by Russ Cam would be       mySelect   val        This assumes you want to retain the list  but make it so that no option is selected   If you wish to select a particular default value  just pass that value instead of an empty string       mySelect   val  someDefaultValue      or to do it by the index of the option  you could do       mySelect option eq 0    attr  selected   selected       Select first option

User · Answer

dropdownid   empty      That will remove all  lt option gt  elements underneath the dropdown element   If you want to unselect selected items  go with the code from Russ

User · Answer

If you want to reset the selected options     select option selected   removeAttr  selected      If you actually want to remove the options  although I don t think you mean this       select   empty      Substitute select for the most appropriate selector in your case  this may be by id or by CSS class   Using as is will reset all  lt select gt  elements on the page

[jquery] How do I clear the dropdownlist values on button click event using jQuery?

Examples related to jquery

Examples related to button

Examples related to drop-down-menu

Examples related to click