Reset Dropdown list using JavaScript

To reset a drop down control with a button, you can use the following process:

Form Layout:

Choice Control Settings:

Button Control Settings:

JavaScript Code in Form Settings:

Code:

function ddClear() {
NWF$('.ddClass').val('**SelectValue**');
}‍‍‍

End Result when Button is Clicked:

Explanation:

Since the code is using a CSS class (ddClass), you can apply that same class to all drop down controls and they will all clear at the same time when the button is clicked once.

As long as the other drop downs do not have the Control CSS Class of ddClass set (see below), they won't be affected by the Clear Button.

Simply leave that field blank on the drop downs you don't want cleared.

Thank you this does work perfectly, once I put the ddclass only in the dropdown lists I need cleared.