Drop down disabled

Question

Hello all,
here i have two dropdowns. dropdown1 and dropdown2
In drop down1 Have three items like item1, item2, item3
if i select item3 in dropdown1. drop down2 will disabled. if i select item1 or item2 drop down 2 will enable....
Need code in Jquery
Please help me...
Thanks in Advance.......

Abrar Ahmad Ansari · Answer

$(document).ready(function () { $('#ddlMain').change(function () { if( $('#ddlMain').val()=="Item2") { $('#ddlChild').hide(); } else { $('#ddlChild').show(); } }); }); select Item1 Item2 Item3      select Item1 Item2 Item3

Hari B · Answer

Thanks Abrar Ahmad Ansari it's working

Sanjeeb Lenka · Answer

Is that help you or not.

Hari B · Answer

:(

Sanjeeb Lenka · Answer

Try this function disable() { if(document.getElementById("mySelect").selectedIndex>0) document.getElementById("mySelect2").disabled=true; else document.getElementById("mySelect2").disabled=false; } function disable2() { if(document.getElementById("mySelect2").selectedIndex>0) document.getElementById("mySelect").disabled=true; else document.getElementById("mySelect").disabled=false; } Select Item1 Item2 Item3 Select A B c

Hari B · Answer

Here only two drop downs if select selected item in first drop down automatically second drop down will disabled no need buttons.

Dipankar Biswas · Answer

Hi simple example here.. function disable() { document.getElementById("mySelect").disabled=true; } function enable() { document.getElementById("mySelect").disabled=false; } Item1 Item2 Item3 A B c Option select event..1. http://stackoverflow.com/questions/898463/fire-event-each-time- a-dropdownlist-item-is-selected-with-jquery 2. http://stackoverflow.com/questions/20976497/jquery-change-event-on-dropdown Thanks...