Solved

Java Script to disable all dropdown boxes on page (exclude other controls)

Posted on 2008-10-04
4
1,061 Views
Last Modified: 2012-05-05
I am looking for a simple way to reference all the dropdown controls on a page, and disable them when a particular text box's text is changed. My page has other elements, such as text boxes and radio selectors, but I do not want them to be affected.

In other words, an OnClick event for a particular text box, calls a routine which disables all the dropdown boxes.


This is what I was thinking...
 

function disabledropdowns()

{

document.getElementByType("dropdown").disabled=true

}

Open in new window

0
Comment
Question by:andrejonker
  • 2
  • 2
4 Comments
 
LVL 11

Accepted Solution

by:
petiex earned 500 total points
ID: 22643137
This should do it:

function disabledropdowns()
            {
                var selects = document.getElementsByTagName("select");
                for (var i=0; i<selects.length; i++){
                    selects[i].disabled = true;    
                }
            }
0
 

Author Comment

by:andrejonker
ID: 22643949
Maybe it is lack of sleep, but I don't see why nothing happens... I called the above as follows:

<asp:TextBox runat="server" id="CustomerName" width="500px" onchange="javascript: disabledropdowns()">ReplaceWithCustomerName</asp:TextBox>

And in my page head, I have:


<script language="javascript" type="text/javascript">
    function disabledropdowns()
    {
        var selects = document.getElementsByTagName("select");
        for (var i = 0; i < selects.length; i++)
        {
            selects[i].disabled = true;
        }
    }
</script>

0
 
LVL 11

Expert Comment

by:petiex
ID: 22645892
What does the HTML rendered from your ASP code look like when you view-source on the rendered page?
 I think that with ASP, you may need to add the onchange attribute programmatically as described here: http://www.aspdev.org/articles/asp.net-javascript-add.attributes/
0
 

Author Comment

by:andrejonker
ID: 22645941
Changed it to:
asp:TextBox runat="server" id="CustomerName" width="500px" onchange="disabledropdowns()">ReplaceWithCustomerName</asp:TextBox>

and now the HTML result looks like:
<input name="CustomerName" type="text" value="ReplaceWithCustomerName" id="CustomerName" class="field_input" onchange="disabledropdowns()" style="width:500px;" />



0

Featured Post

6 Surprising Benefits of Threat Intelligence

All sorts of threat intelligence is available on the web. Intelligence you can learn from, and use to anticipate and prepare for future attacks.

Join & Write a Comment

The task A number given should be formatted for easy reading by separating digits into triads. Format must be made inline via JavaScript, i.e., frameworks / functions are not welcome. So let’s take a number like this “12345678.91¿ and format i…
This article will give core knowledge of JavaScript and will head in to your first JavaScript program. I am Durvesh Naik and I am here to deal with this series of JavaScript. I will teach you JavaScript in part wise , as its quite boring to read big…
The viewer will learn the basics of jQuery, including how to invoke it on a web page. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery.: (CODE)
The viewer will learn the basics of jQuery including how to code hide show and toggles. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery…

743 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

15 Experts available now in Live!

Get 1:1 Help Now