Disable Options In One Menu Based On Selection In Another
Feb 22, 2011
I am new to javascript stuff but am looking to develop a form which includes 2 drop down menus but I would like to grey out some options in the second one based on the selection in the first. Basically this is a simplification of what I have:
<select name="orientation" id="orientation">
<option value="OR1">South</option>
<option value="OR2">East</option>
<option value="OR3">North</option>
<option value="OR4">West</option>
</select>
<select name="location" id="location">
<option value="L1">Front Left</option>
<option value="L2">Front Right</option>
<option value="L3">Rear Left</option>
<option value="L4">Rear Right</option>
</select>
What I would like is that if south or east are selected for orientation then I can only select front left or front right but if north or west are selected then only rear left or rear right are available.
View 3 Replies
ADVERTISEMENT
Feb 18, 2009
I have a simple form - I want to disable the text field if Choice 2 from the dropdown menu is selected. I have this working with the code below, but for some reason if I go back and select choice 1 after selecting choice 2 the text field remains disabled. I only want it to be disabled if choice 2 is selected.
View 5 Replies
View Related
Jul 22, 2009
I have been searching for hours and have not found what I am looking for. BUT, I have seen it before when I was NOT looking for it. haha!
Anyway, I am creating a form. And the form has an element that asks for "How Many Children?" followed by a dropdown from 1 to 6.
Well I would like to display another set of elements from 1 time to 6 times, based on their selection.
Name: ___ Age: ____ Sex:____
That will be displayed as many times as the user selects.
View 4 Replies
View Related
Nov 7, 2011
I need a jump menu, that when an item is selected the next jump menu pops up with more selections to be made. Is this possible?
View 8 Replies
View Related
Jun 8, 2007
I have a menu with a lot of items that open pop-up windows when clicked on. The first item on the menu is purely intended as descriptive and default selection on the menu and is given the 'disabled' parameter- which makes the option inactive(greyed out) in Firefox; but has no effect with IE which goes ahead to open a blank pop-up window.
Please who knows how I can make a menu option to be 'disabled' in IE.
View 2 Replies
View Related
Dec 11, 2007
disable all the other checkbox based on the selection of first check box
View 3 Replies
View Related
Feb 2, 2010
I'm trying to make a function that will disable elements of a form based on which options are selected.
I have made this work for individual form controls but now i want to make it into a function that could be used on any form control.
Here is the broken function
Code:
I've probably just missed something but i really cant see what?
View 9 Replies
View Related
Jan 14, 2011
I have searched and found lots on enabling/disabling form inputs, but nothing that matches my needs.
I have a form with a dropdown with values 0-4. If value 0 is selected I want the checkboxes to be disabled. If value 1-4 is selected I want the checkboxes to be enabled.
Code:
<html>
<head><title>Disable with Dropdown Test</title>
<script>
function num_check(sel,cb) {
[Code]....
View 11 Replies
View Related
Apr 28, 2010
I have three dropdown menus (side dish, veggie, fruit). Based on the side dish selected (fruit or veggie), I'd like the fruit or veggie menu to appear automatically, while the one not selected stays hidden. Below is the code for the HTML part. I have no idea how to get started with the javascript.
<head>
<title>Untitled Document</title>
</head>
<body>
<form id="form1" name="form1" method="post" action="">
<label>sidedish
<select name="sidedish" id="sidedish">
<option value="fruit">fruit</option>
<option value="veggie">veggie</option>
</select>
</label>
<label>veggie
<select name="veggie" id="veggie">
<option value="carrots">carrots</option>
<option value="corn">corn</option>
</select>
</label>
<label>fruit
<select name="fruit" id="fruit">
<option value="banana">banana</option>
<option value="orange">orange</option>
</select>
</label>
</form>
</body>
</html>
View 2 Replies
View Related
Mar 20, 2010
I've been having problems getting my select option to change the options of another select option. I'm not much of a javacsript coder, so I'm at a lost.When I select the first option nothing appears in the second option.
View 8 Replies
View Related
Apr 12, 2011
I have a Javascript function that allows the display of a textbox upon selecting an option from a dropdown menu. In my case when a user selects listbox as the option, the text box appears. I want the same thing to happen when another option (checkbox) is selected. when I repeat the JAVAscript code, the first textbox(listbox's textbox) appears irrespective of which option(listbox, checkbox) I select. I want to be able to appear/disappear only the respective textbox. Here is my code.
<html>
<script type="text/javascript" >
function showfield(name){
if(name=='lstbox')document.getElementById('div1').style.display="block";
else document.getElementById('div1').style.display="none";
}
function hidefield() {
[Code]....
View 2 Replies
View Related
Jun 29, 2011
how to populate checkboxes based on the dropdown menu selection
View 2 Replies
View Related
Nov 26, 2009
I'm pretty bad with Javascript, but I need to hide or show a snippet of text (could be inside a div without problems) based on the selection of a dropdown menu (<select>). If they choose anything with the word "Series" on it, I need to show the snippet. If they choose anything without "Series" on it, then the snippet needs to disappear. I should mention the snippet is part of a form, just a checkbox but that shouldn't be a problem I don't think.
View 24 Replies
View Related
Jul 12, 2010
Just curious if there is a way to control a table cell color based on a menu selection.
I have several colors like Red, Navy, Black, Green, Gold and would like to show a swatch of this selected color beside the menu.
View 4 Replies
View Related
Apr 9, 2010
Im using a jQuery script to show/hide a div based based on the selection made via a dropdown.
<script type="text/javascript" src="jquery-1.3.2.min.js"></script>
The problem im having is that the value used in the dropdown lists are price values eg 10.00
Consequently jQuery seems to interprit these as css notations, meaning the code doesnt work.
View 4 Replies
View Related
Apr 20, 2011
I have two dropdown lists with the second one being dependent on the selection in the first.
Options in list 1: 1,3 or 4
List two should be enabled when 3 or 4 is selected in list 1.
So far so good, managed to get it to work with only one set of lists, but I actually have 18 of those sets in this form:
<select name="fw[$i]" id="fw[$i]">
<option value="1">FWH</option>
<option value="3">links</option>
<option value="4">rechts</option>
[Code]....
I'm not that adept in javascript programming, more like a trial and error guy, how has hit the wall with this problem.
View 20 Replies
View Related
Sep 2, 2005
I hv a list embeded in div . it will be filled by ajax and shown on that time under a text field just like Google Suggest.
All i want to do is to select its options while mouse is moving around its options.
View 7 Replies
View Related
Jan 27, 2011
How can I read the Options of the following list and then reprint
Code:
Code:
View 3 Replies
View Related
Jul 23, 2005
I don't know how to evaluate the no-blank selections against each other from a form as follows: .
I have a form with 6 dropdown fields, each containing a selection of 30 options (the 30 options are the same for each dropdown list). The user needs to select 'one of the 30 options' from each dropdown selection, but each option they select must be unique (no duplicate selections) or it must be left blank. E.g. The user can select Option3 within "dropdown1", but must select a different option for the other dropdowns - OR leave them unselected.
View 10 Replies
View Related
May 25, 2009
I'm looking to create a small area that contains images of my work, similar to how Internet Dreams have theirs set up [URL].
I want the images to slide across, but there also be the option to select a particular slide, same as the example above.
View 2 Replies
View Related
Jan 18, 2006
I need to be able to uncheck and disable a checkbox based on the option selected in a Select list.
This is what I tried.
==============
<script type="text/javascript">
function GetOptVal(OptVal)
var OptVal;
{
if(OptVal="XX") document.form1.chkbox1.disabled = false;
}
else
{
document.form1.chkbox1.checked = false;
document.form1.chkbox1.disabled = true;
}
</script>
<form name="form1">
<select name="Opt1"
onchange=GetOptVal(document.form1.Opt1[document.form1.Opt1.selectedIndex].value)>
<option value=" ">Select One</option>
<option value="XX">XX</option>
<option value="YY">YY</option>
<option value="ZZ">ZZ</option>
</select>
<input type="checkbox" name="chkbox1" />
</form>
View 2 Replies
View Related
Apr 2, 2011
I am trying to make a simple code that has a selection list (with the choice fruit or veggie). When the user chooses fruit, the second list displays the options apple, orange, banana. When the user changes their choice to veggie, the second select list then contains carrot, corn, potatoes (and the apple, orange, banana disappear).
how to do this/ code...
View 5 Replies
View Related
Jun 20, 2005
I am trying to create a “simple” form with 3 dropdown options which totals up the value of the 3 selections. My script is based on one I have used in the past which used checkboxes… checkboxes work fine, but I can not get the script to work with dropdown options. I can get a string to build but totals are always 0. Code:
View 6 Replies
View Related
Feb 22, 2010
I have a form on which two separate drop down values need to change based on which option the user selects at the top of the form ("dbt" refers to the remote database the results are pulled from);I have to stick to the names/ids otherwise the form will return an error.I've found examples that dynamically change ONE select list, but not two.
View 3 Replies
View Related
Nov 26, 2004
I'm writing some cross-broswer drag'n'drop functionality. When I drag a div, text is selected in Opera. How can I disable text selection in Opera for the entire document or at least for some <div>?
View 6 Replies
View Related
Jul 9, 2010
delete all option in a dropdown that contain value length of more than zero ie all options that doesnt have value="".
View 1 Replies
View Related
