Javascript for enabled/disabled textbox when select others in dropdownlist

Question

1.00/5 (1 vote)

See more:

<asp:TextBox ID="txtid" runat="server">

<asp:DropDownList ID="ddlid" runat="server" onClick="javascript:showReadonly('<%=txtid.ClientID%>',this.value);">
<asp:ListItem Text="Select" />
<asp:ListItem Text="English" />
<asp:ListItem Text="Other Course" />

I have one textbox and one dropdown list ,dropdownlist have listitems select,English and other course.
when i select other course in the dropdownlist i want to enable textbox,other cases i want disabled textbox.
I written following code it is not working.
plz give any suggetions for me.

Note:Here document.getElementbyID is not identify textbox ID so It will show error message like document.getElementbyID(..) is null or not an object
How can solve this problem plz help me.

<script type="text/javascript">
function showReadonly(txtobj, valobj)
{
if (valobj == "Other Course")
{
document.getElementById(txtobj).disabled = false;
document.getElementById(txtobj).focus();
}
else {
document.getElementById(txtobj).disabled= true;

}
</script>

Thanks&egards
venkat

Posted 15-Nov-11 23:13pm

venkat Ambala

Updated 16-Nov-11 19:03pm

v6

Add a Solution

Comments

[no name] 16-Nov-11 5:15am

1) format your code snippets

2) give more information than "is not working". What isn't working? What is happening?

4 solutions

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

arya1685 · Answer 1 · 2011-11-15T23:58:00

Solution 2

Check your textbox id's at runtime and replace it with that one...

Actually javascript not able to find that textbox.

Posted 15-Nov-11 23:58pm

arya1685

sriman.ch · Answer 2 · 2011-11-15T23:47:00

Hi,

1. Check whether the javascript function is able to find the textbox or not
2. See any error that IE is reporting
3. Put a breakpoint and debug the javascript.

I hopw you will find what exactly the error

As I know it not able to find the textbox control through javascript thats why it is unable to disable it.

Hope this helps

Member 7677223 · Answer 3 · 2013-05-28T23:08:00

Solution 3

Please check this blog

javascript-for-enableddisabled

Posted 28-May-13 23:08pm

Member 7677223

RelicV · Answer 4 · 2013-05-28T23:42:00

Hi Venkat,

Check the below code. I've tested it in IE8.

JS code for thiss solution is as follows

XML

<script type="text/javascript">
    function showReadonly(valobj) {
        var txtobj = document.getElementById("<%= txtid.ClientID %>");

        if (valobj == "Other Course") {
            txtobj.disabled = false;
            // If you want to display the control
            txtobj.style.display = 'inline';
            txtobj.value = '';
            txtobj.focus();
        }
        else {
            txtobj.disabled = true;
            // If you want to hide the control
            txtobj.style.display = 'none';
            txtobj.value = '';
        }
    }
</script>

HTML for that should be as follows

XML

<asp:TextBox ID="txtid" runat="server"></asp:TextBox>
<asp:DropDownList ID="ddlid" runat="server" onChange="javascript:showReadonly(this.value);">
    <asp:ListItem Text="Select" />
    <asp:ListItem Text="English" />
    <asp:ListItem Text="Other Course" />
</asp:DropDownList>

Try this way.

Thank you,
Vamsi

Javascript for enabled/disabled textbox when select others in dropdownlist

4 solutions

Solution 2

Solution 1

Solution 3

Solution 4

Add your solution here

Preview 0