AJAX

dropdownlist disable other dropdownlist

Please support our JavaScript / DHTML / AJAX advertiser: PostgreSQL or MySQL? Compare and contrast the two most popular open source databases

•

Join Date: Aug 2007

Posts: 2

Reputation: finch is an unknown quantity at this point

Solved Threads: 0

finch

Offline

Newbie Poster

dropdownlist disable other dropdownlist

Aug 21st, 2007

Hi Guys

I'm a newbie in asp.net and I want to disable dropdownlist1 in my form when value "no" is selected from the <asp:ListItem> of dropdownlist2. How can I achieve that? Thanks for reply. BTW I'm using C# language.

Finch

•

Join Date: Jun 2006

Posts: 7,642

Reputation: ~s.o.s~ has much to be proud of

Solved Threads: 472

~s.o.s~

Offline

Failure as a human

Re: dropdownlist disable other dropdownlist

Aug 21st, 2007

A very simple and crude snippet:

 Help with Code Tags 
 JavaScript / DHTML / AJAX Syntax (Toggle Plain Text) 
<select name="first" id="first" onchange="if(this.value == 'no') document.getElementById('sec').disabled=true; else document.getElementById('sec').disabled=false;">
    <option value="yes">Yes</option>
    <option value="no">No</option>
</select>
<br /><br />
<select name="sec" id="sec">
    <option value="yes">Yes</option>
    <option value="no">No</option>
</select>
<select name="first" id="first" onchange="if(this.value == 'no') document.getElementById('sec').disabled=true; else document.getElementById('sec').disabled=false;">
    <option value="yes">Yes</option>
    <option value="no">No</option>
</select>
<br /><br />
<select name="sec" id="sec">
    <option value="yes">Yes</option>
    <option value="no">No</option>
</select>

I would leave to you the job of putting those bunch of statements in a separate function and changing the way the function is called as per your requirement.

Last edited by ~s.o.s~; Aug 21st, 2007 at 12:58 pm.

I don't accept change; I don't deserve to live.

Jo Tujhe Jagaaye, Nindein Teri Udaaye Khwaab Hai Sachcha Wahi.
Nindon Mein Jo Aaye Jise To Bhul Jaaye Khawab Woh Sachcha Nahi.
Khwaab Ko Raag De, Nind Ko Aag De

•

Join Date: Aug 2007

Posts: 2

Reputation: finch is an unknown quantity at this point

Solved Threads: 0

finch

Offline

Newbie Poster

Re: dropdownlist disable other dropdownlist

Aug 21st, 2007

Thank for your help mate.

Problem is that solution is perfect for html form, not asp.net - therefore I cannot use it within <br> and <td> tags in asp form. I also cannot use method onchange, web developer says that it is no supported by dropdownlist. Any ideas how to trick it? Thanks a lot for your time.

Finch

Edit: Here's the code I want to change:

<asp:View ID="View4" runat="server">
<table cellpadding="4" cellspacing="4">
<tr>
<td colspan="2"><b>Section 3 - Health and Safety Policy and Arrangements</b></td>
</tr>
<tr>
<td>3.1 Does your company have a written Health and Safety Policy?</td>
<td><asp

ropDownList ID="HealthPolicy" runat="server" >
<asp:ListItem></asp:ListItem>
<asp:ListItem>No</asp:ListItem>
<asp:ListItem>Yes</asp:ListItem>
</asp

ropDownList>
</td>
</tr>
<tr><td>If yes, please provide us with copy of your health and safety policy. Please go to section 3.3. If No, please answer question 3.2</td></tr>
<tr>
<td>3.2 Does your company employ 5 or persons?</td>
<td><asp

ropDownList ID="Employ5" runat="server" Enabled="False" >
<asp:ListItem></asp:ListItem>
<asp:ListItem>No</asp:ListItem>
<asp:ListItem>Yes</asp:ListItem>
</asp

ropDownList>
</td>
</tr>

Last edited by finch; Aug 21st, 2007 at 6:46 pm.