Question

I have three <select> input fields: <select name=first>,<select name=second>and<select name=three>.
The 2nd and 3rd fields are disabled. If the user changes the value of the first field, the 2nd field should be enabled and so on. Is there an example related to this task? thanks

Answer 1

In its easiest way, you can bind an event handler to the elements for the change event and adjust the disabled property:

var form = document.getElementById('formId');

form.first.onchange = function() {
    form.second.disabled = false;
};

form.second.onchange = function() {
    form.three.disabled = false;
};

DEMO

I also suggest to disable the fields via JavaScript, otherwise, if users have JavaScript disabled, they cannot use the form.