Help with disable function in javascript

3 New Member

HI. I have a dropdown menu named arrivalcity (options are Rome, Naples, Palermo, and CAtania).
I also have 4 other dropdown menus which have departure dates for those cities.

Basically I want those 4 dropdown menus disabled by default. Then based on which arrivalcity
option they choose only one of those 4 dropdown menus gets enabled so they can select the departure date from the appropriate menu.
I know this can get accomplished in javascript, but I don't know where to start. Please help. I'm getting desperate to accomplish this.

The following is what I have so far:

Expand|Select|Wrap|Line Numbers

 
<script type="text/javascript">

function selChk(obj) 

{

             var rome_dep = document.getElementById('arrivaldate_rome');

            var naples_dep = document.getElementById('arrivaldate_rome');

            var palermo_dep = document.getElementById('arrivaldate_rome');

            var catania_dep = document.getElementById('arrivaldate_rome');
 
      if(obj.value!= 'nose1') 

              {

                if (obj.value = 'rome')

                {

                 rome_dep.disabled = false;

                    naples_dep.disabled = true;

                   palermo_dep.disabled = true;

                    catania_dep.disabled = true;

                }

                else if (obj.value = 'naples')

                {

                 rome_dep.disabled = true;

                    naples_dep.disabled = false;

                   palermo_dep.disabled = true;

                    catania_dep.disabled = true;

                } 

                else if (obj.value = 'palermo')

                {

                 rome_dep.disabled = true;

                    naples_dep.disabled = true;

                   palermo_dep.disabled = false;

                    catania_dep.disabled = true;

                } 

                else

                {

                 rome_dep.disabled = true;

                    naples_dep.disabled = true;

                   palermo_dep.disabled = true;

                    catania_dep.disabled = false;

                } 
 
       else 

       {
 
            rome_dep.disabled = true;

            naples_dep.disabled = true;

            palermo_dep.disabled = true;

            catania_dep.disabled = true;
 
       }
 
}

</script>
 
<html>

<body>

<select name="arrivalcity" size="1" id="arrivalcity" maxlength="25" ononchange="selChk(this);">

                                <option value="nose1">please select</option>
 
                                please select

                              <option value="Rome">Rome</option>

                              <option value="Naples">Naples</option>

                              <option value="Palermo">Palermo</option>

                              <option value="Catania">Catania</option>

                              <option value="Other">Other</option>

                                                        </select>

</body>

</html>

Any help would greatly be appreciated. Thanks!

Mar 30 '09 #1

Subscribe Reply

5060

acoder

16,027

Recognized Expert Moderator MVP

Perhaps you only want to show one at a time (for that, use the style.display property - "block" to show and "none" to hide.

If you want to show all of them at once but some disabled, in your code Naples, Palermo and Catania are getting the same object as Rome!

Mar 31 '09 #2

Similar topics

4816

Complex client-side javascript problem, need help

by: Derek | last post by:

Hi, I've built a rather large CGI that dumps a lot of data and a fairly complex javascript app out to the client's browser. Granted this may be poor style according to someone web design philosophy but that is the way things need to work for now here. The problem I'm having is that it appears that the browsers (IE, mozilla and netscape) are sometimes getting confused about wether the javascript code is running. By this I mean when I...

Javascript

56679

disable all href/links when user click a link

by: KS | last post by:

Im trying to prevent the user from clicking any other links on my page when the user have selected/clicked a href once. Sometimes it takes a while before the next page loads so some user will try clicking other links or the same link. I can prevent this when i use buttons by calling onclick and in a javascript getElementsByTagName("input") and then check the type to be type of "button" or "submit" which i then disable. It works. This also...

Javascript

8899

Multiple select onclick disable another form field

by: Forti2ude | last post by:

Hello, I have a simple form... <form> <select name="foo" multiple> <option value="1">one</option> <option value="2">two</option> <option value="3">three</option> </select>

Javascript

5855

how to disable options in an option list?

by: Fluffy Convict | last post by:

Does anybody know how to disable only certain options of an option list by a javascript function? With the following function you can disable a option list completely: function disableList() { var x=document.getElementById("myOptionList") x.disabled=true }

Javascript

13278

disable or prevent a button with onclick and javascript

by: techfuzz | last post by:

I scoured this group and others looking for the best way to disable a button after the first click to prevent multiple submissions, but never did find anything that worked like they said it would. I went ahead and wrote my own bit of code so I'm sharing it here for everyone. Even though it doesn't really disable the button by greying it out, it prevents the multiple submissions which it what I was attempting to prevent all along. ...

ASP.NET

2064

Disable a button with javascript

by: blarfoc | last post by:

Hi, I have to disable a button on a aspx page after the user clicks it. I have to disable the button with javascript because the process takes 20 seconds to run the full course. I kno I need to do this with javascript but I do not kno how. Please tell me if you will please.

ASP.NET

1914

Javascript form help

by: drec | last post by:

I am just learning Javascript and I would like to create a basic form that gives me two options. This will be using either checkbox or radio input type, however I would like the second option to allow the user to type in a value. Also, I would like the 2nd option only editable if the button for that option is selected. All I can seem to find is basic examples of forms, and none of which have this feature. The form would look something...

Javascript

10138

can I disable a user control in a web page

by: ron | last post by:

1. Can I disable a user control in a web page? 2. Can I disable the 'close' function on the top-right corner of a popup window, so I can use code-behind function to close the browser?

ASP.NET

5578

VB6 OR VBA & Webbrowser DOM Tiny $50 Mini Project Programmer help

by: gunimpi | last post by:

http://www.vbforums.com/showthread.php?p=2745431#post2745431 ******************************************************** VB6 OR VBA & Webbrowser DOM Tiny $50 Mini Project Programmer help wanted ******************************************************** For this teeny job, please refer to: http://feeds.reddit.com/feed/8fu/?o=25

Microsoft Access / VBA

2054

Enabling and actioning an asynchronous Stop button

by: Richard Maher | last post by:

Hi, I am in a mouseup event for button A and I'd like to disable=false button B before starting some work. Is there anyway that an event for button B can then fire before my event processing for button A's mouseup has completed? I beleive event processing to be single-threaded for good reason but I need a "stop" button and it's no good if it doesn't do anything until the other processing has finished :-)

Javascript

10593

Problem With Comparison Operator <=> in G++

by: Oralloy | last post by:

Hello folks, I am unable to find appropriate documentation on the type promotion of bit-fields when using the generalised comparison operator "<=>". The problem is that using the GNU compilers, it seems that the internal comparison operator "<=>" tries to promote arguments from unsigned to signed. This is as boiled down as I can make it. Here is my compilation command: g++-12 -std=c++20 -Wnarrowing bit_field.cpp Here is the code in...

C / C++

10340

Maximizing Business Potential: The Nexus of Website Design and Digital Marketing

by: jinu1996 | last post by:

In today's digital age, having a compelling online presence is paramount for businesses aiming to thrive in a competitive landscape. At the heart of this digital strategy lies an intricately woven tapestry of website design and digital marketing. It's not merely about having a website; it's about crafting an immersive digital experience that captivates audiences and drives business growth. The Art of Business Website Design Your website is...

Online Marketing

10329

The easy way to turn off automatic updates for Windows 10/11

by: Hystou | last post by:

Overview: Windows 11 and 10 have less user interface control over operating system update behaviour than previous versions of Windows. In Windows 11 and 10, there is no way to turn off the Windows Update option using the Control Panel or Settings app; it automatically checks for updates and installs any it finds, whether you like it or not. For most users, this new feature is actually very convenient. If you want to control the update process,...

Windows Server

10085

Discussion: How does Zigbee compare with other wireless protocols in smart home applications?

by: tracyyun | last post by:

Dear forum friends, With the development of smart home technology, a variety of wireless communication protocols have appeared on the market, such as Zigbee, Z-Wave, Wi-Fi, Bluetooth, etc. Each protocol has its own unique characteristics and advantages, but as a user who is planning to build a smart home system, I am a bit confused by the choice of these technologies. I'm particularly interested in Zigbee because I've heard it does some...

General

9163

AI Job Threat for Devs

by: agi2029 | last post by:

Let's talk about the concept of autonomous AI software engineers and no-code agents. These AIs are designed to manage the entire lifecycle of a software development project—planning, coding, testing, and deployment—without human intervention. Imagine an AI that can take a project description, break it down, write the code, debug it, and then launch it, all on its own.... Now, this would greatly impact the work of software developers. The idea...

Career Advice

6858

Couldn’t get equations in html when convert word .docx file to html file in C#.

by: conductexam | last post by:

I have .net C# application in which I am extracting data from word file and save it in database particularly. To store word all data as it is I am converting the whole word file firstly in HTML and then checking html paragraph one by one. At the time of converting from word file to html my equations which are in the word document file was convert into image. Globals.ThisAddIn.Application.ActiveDocument.Select();...

C# / C Sharp

5663

Windows Forms - .Net 8.0

by: adsilva | last post by:

A Windows Forms form does not have the event Unload, like VB6. What one acts like?

Visual Basic .NET

3830

How to add payments to a PHP MySQL app.

by: muto222 | last post by:

How can i add a mobile payment intergratation into php mysql website.

PHP

3000

Comprehensive Guide to Website Development in Toronto: Expert Insights from BSMN Consultancy

by: bsmnconsultancy | last post by:

In today's digital era, a well-designed website is crucial for businesses looking to succeed. Whether you're a small business owner or a large corporation in Toronto, having a strong online presence can significantly impact your brand's success. BSMN Consultancy, a leader in Website Development in Toronto offers valuable insights into creating effective websites that not only look great but also perform exceptionally well. In this comprehensive...

General