472,791 Members | 1,043 Online
Bytes | Software Development & Data Engineering Community
Post Job

Home Posts Topics Members FAQ

Join Bytes to post your question to a community of 472,791 software developers and data experts.

Cascading drop down menus - help please !

Ian
Can anyone help me with a problem I have. What I need to be able to do
is have the user presented with a single dropdown menu within a form
using HTML <SELECT> and <OPTION>. Once they choose a particular option I
then want another dropdown to appear alongside it with a list of options
that are dependent on what was selected in the first dropdown. Then I
want the same thing to happen a third time, i.e when the user selects an
option from the second dropdown a third one appears on the screen to the
right of it and then whatever the user chooses from this final dropdown
is used in the form submission.

Because I am a complete beginner it would be really useful to have an
actual code example that I could then modify with my own options.

Would really appreciate help with this.

Jul 23 '05 #1
2 4263
Ian wrote:
Can anyone help me with a problem I have. What I need to be able to do
is have the user presented with a single dropdown menu within a form
using HTML <SELECT> and <OPTION>. Once they choose a particular option I
then want another dropdown to appear alongside it with a list of options
that are dependent on what was selected in the first dropdown. Then I
want the same thing to happen a third time, i.e when the user selects an
option from the second dropdown a third one appears on the screen to the
right of it and then whatever the user chooses from this final dropdown
is used in the form submission.

Because I am a complete beginner it would be really useful to have an
actual code example that I could then modify with my own options.

Would really appreciate help with this.


Matt Kruze has a good example here:

<URL:http://www.mattkruse.com/javascript/dynamicoptionlist/>
--
Rob
Jul 23 '05 #2
Ian
On Mon, 11 Apr 2005 22:54:26 GMT, RobG <rg***@iinet.net.auau> wrote:
Ian wrote:
Can anyone help me with a problem I have. What I need to be able to do
is have the user presented with a single dropdown menu within a form
using HTML <SELECT> and <OPTION>. Once they choose a particular option I
then want another dropdown to appear alongside it with a list of options
that are dependent on what was selected in the first dropdown. Then I
want the same thing to happen a third time, i.e when the user selects an
option from the second dropdown a third one appears on the screen to the
right of it and then whatever the user chooses from this final dropdown
is used in the form submission.

Because I am a complete beginner it would be really useful to have an
actual code example that I could then modify with my own options.

Would really appreciate help with this.


Matt Kruze has a good example here:

<URL:http://www.mattkruse.com/javascript/dynamicoptionlist/>


That's great, just what I was looking for. Thanks.

Jul 23 '05 #3

This thread has been closed and replies have been disabled. Please start a new discussion.

Similar topics

4
by: Nanos | last post by:
For the form I need to create drop down select with say five different options. There also should be possibility to enter own option if one is not listed. How can I do it.? Thank you in advance...
3
by: KK | last post by:
Drop-down menus are the hottest thing since Wonder Bread but . . . 1. Alot of people put them in the they-look-nice-but-you-cant-code-them-right-so-they-always-look-messed-up category (a la...
10
by: Haines Brown | last post by:
I've implemented the horizontal drop down menu discussed recently in this newsgroup, and it works nicely under Galeon and Mozilla, but not IE 5.0. Here are the problems: Under IE 5.0, the...
7
by: Marci | last post by:
I found this script for cascading menus, however, I cannot reach the author to solve the bug I am having when I add a second menu to it. My problem is this: If I click on the first link, the...
1
by: JMosey | last post by:
Not sure if this has been covered ( a google search came up pretty bare). I have a site that: - has multi-level cascading menus - floats center of the browser window - Will have fairly heavy...
2
by: pantagruel | last post by:
I have an old web application I did where browsers with dynamic capabilities received a drop down menu on the top of the page and a fold out on the left hand side of the page and non-dynamic...
3
by: Andrew | last post by:
Hello, friends, I was asked to implement a .aspx page with drop down menus. When a mouse pointer moves over a menu bar, a drop down list containing sub-menus will show up. Thus a user may select...
9
by: Edwinah63 | last post by:
Hi everyone, Please let there be someone out there who can help. I have two BOUND combo boxes on a continuous form, the second being dependent on the first. I have no problem getting the...
1
by: arjun.zacharia | last post by:
Hi everyone, i want to implement a cascading menu in my application but do not want to reinvent the wheel. is there anybody here who might have written such stuff or could help me with somem...
5
by: Angus | last post by:
I have had a look at http://javascript.internet.com/navigation/cascade-menu.html Which is roughly what I want to do. Roughly the menu looks like this: Menu #1 Menu #2 Menu #3 Menu #4
3
isladogs
by: isladogs | last post by:
The next Access Europe meeting will be on Wednesday 2 August 2023 starting at 18:00 UK time (6PM UTC+1) and finishing at about 19:15 (7.15PM) The start time is equivalent to 19:00 (7PM) in Central...
0
by: erikbower65 | last post by:
Using CodiumAI's pr-agent is simple and powerful. Follow these steps: 1. Install CodiumAI CLI: Ensure Node.js is installed, then run 'npm install -g codiumai' in the terminal. 2. Connect to...
0
linyimin
by: linyimin | last post by:
Spring Startup Analyzer generates an interactive Spring application startup report that lets you understand what contributes to the application startup time and helps to optimize it. Support for...
0
by: kcodez | last post by:
As a H5 game development enthusiast, I recently wrote a very interesting little game - Toy Claw ((http://claw.kjeek.com/))。Here I will summarize and share the development experience here, and hope it...
0
by: Taofi | last post by:
I try to insert a new record but the error message says the number of query names and destination fields are not the same This are my field names ID, Budgeted, Actual, Status and Differences ...
14
DJRhino1175
by: DJRhino1175 | last post by:
When I run this code I get an error, its Run-time error# 424 Object required...This is my first attempt at doing something like this. I test the entire code and it worked until I added this - If...
5
by: DJRhino | last post by:
Private Sub CboDrawingID_BeforeUpdate(Cancel As Integer) If = 310029923 Or 310030138 Or 310030152 Or 310030346 Or 310030348 Or _ 310030356 Or 310030359 Or 310030362 Or...
0
by: lllomh | last post by:
Define the method first this.state = { buttonBackgroundColor: 'green', isBlinking: false, // A new status is added to identify whether the button is blinking or not } autoStart=()=>{
0
by: lllomh | last post by:
How does React native implement an English player?

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.