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

Question

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 <select> elements on the page

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 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

[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