Cascading Drop Down Menus
Jul 23, 2005
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.
View 2 Replies
ADVERTISEMENT
Feb 11, 2009
I am trying to make a form where the user is only able to select an option from one of the drop down menus and if they click both then submit an error should pop up telling them to select just one. Now I have found this code:
<SCRIPT LANGUAGE="JavaScript"'>
<!--
function validateForm(){[code]....
the first problem is that my menu must be named "id[2]2" which causes a problem due to the bracketed 2 and the 2 after. Is there any way around that?the second problem I forsee is that this will only work with 1 drop down box being unselected. I need a code that will give the warning if nothing is selected OR if something is selected in both drop downs.
View 17 Replies
View Related
Jul 15, 2009
I'm using a dynamic cascading dropdown javascript for my webpage URL... that for the most part is working well.Two problems:
1. I'm using some php to make the dropdown a form so that when a user makes choices and submits, those values are retained. This works well in Firefox 3, but not in IE. It looks like the html submitted="submitted" tags are being put into the html code in IE, but for some reason IE isn't taking that into account.
2. I would really, really like the third drop down to revert to "Choose a song" when a new composer is chosen. It automatically reverts to "choose a book" (the second drop down), but for the life of me nothing I try can make both drop downs revert when the first drop down is changed.
View 4 Replies
View Related
Jul 23, 2005
I have been asked to produce a web catalogue of services and associated
options, this eventually will be used for ordering the services.
My initial thought was to use a set of cascading drop downs, select an
option from the first fills the available options for the second and so on.
Given the current buzz about Ajax this would seem an opportunity to try out
some of its features.
Could anyone point me at an example of what I am trying to do? For
information, the target web server environment is Apache with both mod perl
and mod php being available.
View 5 Replies
View Related
Apr 28, 2007
I am working on real estate web site.
The search module requires the following client-side functionality:
1) a radio button group to select sales <ORrental
2) based on the above selection, a dropdown list should display the
applicable price ranges.
The functionality is identical to the code found @
http://webdeveloper.earthweb.com/re...ops_simple.html
The only difference being that the first dropdown should be replaced by a
radio button group.
Having very limited knowledge in JavasScript, I have been unable ta adapt
the code.
View 1 Replies
View Related
Aug 16, 2010
I'm trying to create a drop down menu with four different boxes. The site I'm working on is basically an ecommerce site, so I'll use cars as a good example for what I want to do.
Let's say that I'm selling cars and want to target the buyer directly, then I would have the following boxes, each one serving as a dependent of the one before it:
1. Pick the brand (BMW, Mercedes, Etc.)
2. Pick the type of car (Sports car, SUV, Mini Van, etc.)
3. Pick the color (blue, green, etc.)
4. Pick the price ($0-$19,999/$19,999-29,999/etc.)
So far I have the first two boxes down by using the following site: [URL]. Now my problem is that the site only allows for the first two boxes to be made, and says that
"the values in box1 are static and printed directly as normal HTML. The corresponding box2 options will also be copied into the HTML as well as the javascript for full functionality."
Being a complete newbie, I have no idea what this means. So I decided to search the internet for an answer and was not able to find one, thus leading me here, which from the looks of it seems like a great forum.
how to connect a third and fourth box that falls into the same hierarchy as the first and the second then I would appreciate.
View 5 Replies
View Related
Oct 31, 2009
I snagged the belwo code from the net.
Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
[code]....
View 2 Replies
View Related
Mar 14, 2009
I need to include an interactive drop-down, global menu and a flyout menu. What do each of these look like? i thought they would look the same?
View 1 Replies
View Related
Nov 4, 2011
i'm having with a superfish menu i have tried to add to my wordpress site.The menu seems to work fine for the base-level (top parent pages) menu items.But the drop down menus seem to flash on screen for just a second and then disappear when the mouse hovers over the menu items.To see an example, please check out the top menu on this temporary development page: http:[url].....I have tried adjusting the z-index in superfish.css file but it doesn't seem to be having any effect.
View 1 Replies
View Related
Jan 15, 2006
I have a little problem with drop down menus. I have a PHP
page in which I extract some categories (from a database). I put those
categories in a drop down menu without problems. I would like that when
a category is chosen, the entire page should be reloaded without the
pression of any "submit" button, and should appear a new drop down menu.
The main problem is the reloading of the page as it appears not to work
if, after OPTION VALUE, I put the name of the same page in which there
is the forum (entrate_in.php). Infact it say "page not found" while it
works perfectly if I put the name of a different php page... how to
resolve this problem? Code:
View 1 Replies
View Related
May 1, 2001
I am trying to use an SSinclude to insert my menu information (not the .js file) in the head section. Again, this is so I don't have to update every page.
However I get an error at the body tag, where I need to do
OnLoad="init()"
If I copy and paste the contents of the include into the html it works fine. Theoretically, this is all that the SSI is doing and so it should work.
Does anybody know what I'm doing wrong?
View 16 Replies
View Related
Apr 11, 2003
You select an option in the first menu, it then display options related to
#1 in #2, then it displays related options to #2 in #3, then display
options related to #3 in #4.
What I need to do now, is when you select an option for #4, it displays
results related into a textbox.
If you need the code I currently have I can send that. If someone is
awesome in jscript and could write the whole code up, thats fine.
I really just need help to push me in the write direction. Currently is
uses arrays.
View 1 Replies
View Related
Feb 4, 2005
I want to make around 3 drop down menus ... where the content in each drop down list is based on the users previous selection from the previous drop down menu ..
for example, suppose we have the following information
Honda : <model names> from 1990-2005
Toyota: <models name> from 2000-2005
ford : <model names> from 2000-2003
etc....
the first drop down menu is of course "Make" and the next is "year" then "Model"
how can i make it so that if the user selects Honda then only information about honda appears in the next two menus .. and when they select year ... then only Honda models from that year will appear in the final menu, "model".
View 2 Replies
View Related
Mar 27, 2010
I am trying to create 2 different drop down menus which are chained.
First drop down menu: options 1, 2, 3, and 4
Second drop down menu: options 1, 2, 3 and 4
However for the first drop down menu, if you choose the number then that number cannot be selected again on the second drop down menu. So if i pick 4 on the first drop down. then only 1, 2, and 3 should show up on the second drop down OR if you pick 4 on the second drop down it gives you an error saying you selected that value.
Here is the complicated part that I cannot figure out.
I want each drop down menus on two different pages and not on the same page. So after you select the submit button on the first drop down it should go to another page with the second drop down.. Has anyone seen this before.
View 5 Replies
View Related
Nov 3, 2005
I am trying to use a dropdown menu links for my customers to click on and be directed to links within the same page.
I have figured out how to use anchors in plain text, but the drop down menu asked for a “Value� of which I have not been able to figure out what value to put in order to link that specific drop down selection to a anchor within the same page. Any ideas?
View 4 Replies
View Related
Apr 22, 2011
In addition to an accordion-related problem in IE (URL...), I'm having a headache regarding drop down menus.this is only in IE (version 8) - every other browser in the known galaxy responds well to the JS and the HTML setup.The idea is there's a horizontal nav bar of five 'blocks', each with a heading. Hover over the heading and the 'block' (actually an <li>) extends to accommodate a small sentence underneath with a link. Hover off, and the block shrinks back to its original form, with the link hidden.All good in FF, Opera, Safari, Chrome. In IE, though, the <li> block doesn't extend - the link is shown beneath it, but it's outside its frame and looks awful.
View 2 Replies
View Related
Aug 28, 2011
I am creating a form containing two drop down menus. The second drop down changes every time a user change the selection on the first drop down. So, I have this line below:
Code:
<select name="province" id="province" class="mobileform" onchange="changeCities()">
The problem is when a user (in this case me) is using an iPhone's Safari, when he hits "next" button on the first drop down, it does not change the content of the second drop down. But when he hits "previous", then "next" again, the selections get updated afterwards.
In a shorter sentence, the event listener does not work on the first hit, but it works on the second hit. What am I missing here? What steps do I need to add?
View 4 Replies
View Related
Nov 3, 2010
due to the version of dreamweaver i have (MX-2004) i have had to hand code a drop down menu myself however i have come across a problem.i'm not sure if the problem is in the Javascript, HTML, or CSS however here gowhen ever i hover over the menus dont drop down they cascade up and the other problem is that when ever i hover over one of the buttons a menu from another pops up and not the one that should. here is the codes so you can have a look
javascript:
<script type="text/javascript">
var timeout= 500;
[code]....
View 1 Replies
View Related
Sep 6, 2010
I've used the ajax function to load in data like "click the submit button, ajax executes output.php and throws in back into a div tag in theform.php."
But what if I have a multiple dropdown menus that submit the form and need to be reloaded depending on the previous dropdown menu's value? How would I set up the ajax so those are loaded without a refresh?
View 7 Replies
View Related
Feb 18, 2011
If you hover over the 'Shop' menu in the main navigation, all of the second sub menus appear under 'Illustration', 'Apparel', 'Lifestlye', but then jump back when you hover over each sub menu. I would just like list the 'Illustration', 'Apparel', 'Lifestlye', menus to appear when you hover over the parent 'Shop' menu but then reveal each second sub menu in turn when you hover over their respective sub menus. Can anyone help? Hope that makes sense
View 3 Replies
View Related
Jul 29, 2009
I have a menu that I've already set up with ALA's CSS Sprites2.I have to add a drop down menu into the mix. What would be the best way to achieve this, or rather what would I need to change in the Superfish scripts to get this to work?
View 2 Replies
View Related
Feb 8, 2010
I'm looking for a good JavaScript based horizontal/drop down menu that's free and works down to IE6. The Yahoo! YUI menus would probably do the trick, but seem like a bitch to understand & customize.
Any easier & more accessible options? That are rock-solid professional grade?
View 1 Replies
View Related
May 17, 2010
The are two drop down boxes, the first one populating the second (state/county --> town)The first box is single choice, the second is multiple choice. I'm looking for a script that would be able to deal with generating the code for all possible values that could be chosen in the second drop down box.The drop down boxes are part of a form which allow people to search for educational courses within areas of a state/county.
View 3 Replies
View Related
Dec 22, 2011
I wish to get the values for the 3rd and 4th cell of each row where these contain drop down menus. I've tried various ways but my code doesn't seem to iterate through rows of a table. I can get the values for the first row, but not the rest. There's isn't a fixed row size for the table as the user will be able to add and delete them.
I've put the values in separate arrays but instead of the array containing say [10, 20] it contains [10, 10] as it just duplicates the first row's values.
Here's my code that I have so far:
function calculate(){
var len = document.getElementById(arguments[1]).rows.length;
var cMenus = [];
var gMenus= [];
[Code]...
I've tried adding j to the arguments or putting it in "[]" but nothing seems to work. I don't think the platform I'm using supports jquery,
View 5 Replies
View Related
Dec 28, 2006
I am trying to develop a div with a drop down menu in it. As the enduser selects the third or final option, the div expands to show more choices/text/etc related to the option selected from the drop down menu..
View 5 Replies
View Related
Jun 14, 2010
Is there a way to implement either a vertical drop down menu or a horizontal drop down menu on a "hot spot" on an image map where as when the mouse rolls over the "hot spot" the "hot spot" would change and the menu would drop and then would you be able to mouse over the elements in the drop down and go about your business?
View 9 Replies
View Related
