Disable one Selection Box based on a Selection in another

Question

I have two selection boxes in the same form. I would like to have one disabled based on some of the options that can be selected in the other selection box. I'm looking for a solution in JavaScript if possible.

Answer 1

You can use jQuery and do something like this

$('#select1').change(function() {
    if(...) {
        $('#select2').attr('disabled', 'disabled');
    }
});

more info here http://jquery.com/

Answer 2

And if you dont use jquery you can do it like this

<input type="checkbox" id="select1" onchange="disable()">

function disable() {
    if(...) {
        document.getElementById('select2').disabled='disabled';
    }
}