I want to add more dropdown options which are dependent on previous options. Now I have "hand" and "loft". I want to add next option "model" How to add third dropdown option box?
Here is the code:
I'm looking for four level connected drop down boxes. Unlike all the scripts I have seen on the internet I need all the options to be available if nothing is selected in the previous drop down. So I want something like combination of connected drop downs and ordinary drop down. If the selection is made, display appropriate options in other drop downs... Hope I'm clear...
[Code]....
Okay, I'm having some trouble getting my head around how to do this..
<select>
<option value="A">A</option>
<option value="B">B</option>
[code]....
<script language="JavaScript" type="text/javascript">
if (confirm("Are you sure to delete?"))
{
self.location = 'delete.php'
} else {
history.go(-1);
}
</script>
The above code give an alert with two choices(confirm or cancel).
If the user clicks the cancel button, it will go to previous page.
If the user clicks the confirm button, it will go to delete.php.
I like to make it like the following.
If the user clicks the cancel button, it will go to previous page.
If the user clicks the confirm button, It will proceed reading the next code.(the next code contains the code for deleting.)
I tried to remove "the self.location = 'delete.php'" as a test.
Code:
<script language="JavaScript" type="text/javascript">
if (confirm("Are you sure to delete?"))
{
} else {
history.go(-1);
}
</script>
The above code do;
If the user clicks the cancel button, it will go to previous page.
If the user clicks the confirm button, it will proceed reading the next code. So the deleting will be done.
It seems work fine.
But if the user clicks the cancel button, It will go to prevous page and the deleting will be done.(it might proceed reading the next code)
I'm using ajax to update options in several select forms.Its basically, like in most automotive applications, there is a drop down for brand...once selected, it will populate another select form with the "makes" of that brand. Once a make is selected.. it returns the models of that make... and ect...The program works fine for one selection. When one brand is selected, a second select box is populated with the correct makes of cars that brand produces, however, if the brand is changed, the select box with the makes of the cars is populated by the original query..twice... and then the second query. Looking for help on whats the best way to clear both the results array; i was using this...
autobrandsf.length = 0;
and also clear out the select box, which is what the removeAllOptions() function is for. As it stands, if i use the removeAllOptions(), the makes are never populated.Here is my code, broken down the best i could, in order of process.. ish.A select form that shows the brands is displayed, once a choice is made, it passes the value of the choice into this function, which will query the database
// this is the function that is called once a brand is selected:
// h = the brand passed..
function carBrandCheck(h){[code]....
This is where, the query is returned, each row is split into an individual array, and then the second element of those individual arrays are put into yet again another array.The elements of that array are then compared against eachother to make sure there are no duplicates, storing the non-duplicates into a new array. The final array is then passed into a select form, for the makes of the selected brand.
// the ajax handler:
function handleWorkResponse(){
if(xmlHttp.readyState == 4){[code]......
I have a drop down with alot of options say about 6000 cities and
districts. I need to select all options if user selects "All checkbox".
I use "on change" and a for loop to do this, but it takes a lot of time
to select all these options. Is there any faster way to select all
these options?
function selectAll()
{
var element = document.getElementById("location");
var length = document.getElementById("location").length;
for(var i=0; i<length; i++)
{
element.options[i].selected=true;
}
}
I have two dropdown lists, and I want to have each option from the first dropdown list to give the specific options on the second dropdown list. For instance,
<select name="module">
<option value="pic1.jpg>TM1</option>
<option value="pic2.jpg>TM2</option>
<option value="pic3.jpg>TM3</option>
[Code].....
Note: The option values are just examples, but each option must have a value in order for other things to work.
Here is what I need to do:
If TM1 is selected, only Box1 and Box 2 are available (Box3 is removed from the dropdown "location" list);
If TM2 is selected, only Box 2 is available (Box 1 and 3 are removed from the dropdown "location" list);
If TM3 is selected, all options in the dropdown "location" list are available.
I have two dropdown lists, and I want to have each option from the first dropdown list to give the specific options on the second dropdown list.Anyway, let me show you what I really want to do. Please see the code below. If you want to properly run this, please make six dummy images and name them as followed: silo_1_ empty.jpg, silo_2_empty.jpg, silo_3_empty.jpg, tm1.jpg, tm2.jpg, tm3.jpg.What I want to do next is to apply a restriction to the dropdown lists. For instance, if TM#1 is selected, only Silo1 can be selected from the LOCATIONS, and Silo2 and 3 will be removed from the option. If TM#2 is selected, Silo 2 and 3 can be selected and Silo 1 will be removed. TM#3 can be in all locations.
In total, there are 12 modules and 20 locations. Each module image can only appear in one location at a time, but the options to select a location are restricted.
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.
I've come across this archive at [URL]. What I would like is to have it to have it include "days" as well. So lets say as of today (Apr 8th), when a user choose Apr, the dropdown for 'day' will have the options 01, 02, 03.....08. Another thing to note is that each month has different number of days in it. I've tried playing around for quite some time now...but so far no luck.
View 4 Replies View RelatedI have a product select page that is really slow to use because 6 dropdowns must be populated and the page reloads after selecting each box, to get the options for the next box.
I want to speed it up as follows:
1) User selects one of 50 products from a dropdown list.
2) Page reloads, and all the possible options for the remaining 5 dropdown boxes are now populated (ie. list options all stored client side)
3) User can freely input the remaining 5 dropdowns without the page reloading.
I am populating a number of Select boxes on the server-side with a large number of options. I'd like to get the response size down without taxing the client browser too much. What do you think is the most efficient way to approach this problem?
Here are some considerations: The option text/values do not change very often, but could potentially change in the future. The page that holds the select boxes should never be cached, there are other aspects of the page that need to remain fresh. Firebug with YSlow is saying that the primed cache size of the page is 300Kb with all the select dropdowns and options, if I remove the options, the primed cache size of the page is 80Kb. I am considering breaking out the text/value pairs for the select boxes into a separate file that is cache-able calling it "valueTextPairs.js" and referencing it with a query string and some sort of server-generated MD5 hash of the data, so that if any of the values change, the client's cached version will be replaced by the latest version. Like so:[URL]...
Provided I do this, I anticipate that the primed cache size of the page will be reduced down to 80Kb (which I like) -- however, before I take the plunge, I am curious what you all think the performance effect will be?
I know the number of bytes on the wire will be reduced, but will this put a lot of additional pressure on the client's browser because I'd need to traverse the name/value pairs and add the options to the select boxes dynamically on the client end? If it seems reasonable to do this, what jQuery approach would be the most efficient? $('#selectId').html(options) with options = one big string? Adding each child option to the select in a loop? Something else?
Some client end folks are using IE6 so I am trying to tax the browser as little as possible, while also reducing the size of each request, trying to find a happy medium..
Using Javascript / jQuery, I'm trying to produce a series of dropdowns ("<select>") that have their options filtered as the user selects from them.
For example:
DROPDOWNS
Field 1:
- value_1
- value_2
[Code]....
When a option is changed all the current entries are removed and only the allowed combinations added back in.
how to find which combinations are acceptable based on what has already been selected.
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.
I have 3 selects in a form for day, month and year for the user to enter his/her birthday.What I'm looking for is a piece of code / script which will dynamically change the day dropdown menu dependent on the month which is selected to display the correct number of days, and also according to if it is a leap year.Ive tried looking on google but I'm not sure what the correct term is to look for?
View 11 Replies View RelatedI don't want to show a table with ALL the contact details on. I want to offer a dropdown menu or similar with the countries inside it, and then dependent on the country selected, the relevant contact information would be displayed in a text box alongside. How can I create this and - equally importantly - integrate it into a WordPress page?
View 3 Replies View Relatedi currently have a few problems with my code, but currently i want to get my options into my function
<select id="menu">
<option value="first">First Time User</option>
<option value="Frequent">Frequent Flier</option>
<option value="Buying">Buying a Degree</option>
</select>
How do I use this info to make it part of my function, for example when First Time user is selected and the function is executed it i want a windows.alert to come up but i don't know how to code that.
I have a bit of a question about CGI...I'm not very knowledgeable about it, so I have a specific question. Can you set up a site in which sites can be rated using CGI?
View 2 Replies View RelatedI would like to allow users to print a page, but I want to suppress the
header and footer the appear by default. Are there options to permit this?
I've tried to access the value of a selected option through the
following getSelectValue function, passing the name of the select
function getSelectValue (name) {
var sel = document.getElementsByName(name)[0];
var i = sel.options.selectedIndex;
return i == -1? "": sel.options[i].value;
}
getSelectValue ('belongsto')
...
<select name="belongsto" ...
yet I always get the error "sel has no properties". Any idea what's
wrong? Is there a simpler way?
I have an some options like this:
<option value="12345" title="Frank">Frank - 12345</option>
What I want to do, is get the title. I've tried this:
document.MyForm.MySelect.options[document.MyForm.MySelect.selectedIndex].title
That dosn't work. I'm just using the title attribute as a place to hold the information I need. Maybe there is another attribute that would work better for this? How can I get the contents of the attribute?
Code:
<script>
alert("You are not allowed to see this page");
self.location="javascript:history.go(-1)";
</script>
The above script has one option.
I like to make two options(yes or no) like the following.
Code:
<script>
alert("Are you sure to delete?");
Yes(self.location="delete.php");
No(self.location="javascript:history.go(-1))";
</script>
Is it possible? How?
I have one select, I can say wich element is selected:
<select name="myselect">
<option value="100">A</option>
<option value="101">B</option>
<option value="102">C</option>
</select>
this line will select the option B
myselect.options.selectedIndex = 1;
but, how can I do if I want to select the option B without knowing it´s position?
I mean, I want to select the option B and the value 101, but I don´t know it´s position
any idea?
Does anyone know how to get the value from a form option (dropdown list) and have it post the value without having a submit button?
So that when I choose a value in the option list the page is automatically reloaded with that value?
Using IE5.5+, is it possible to hide options in a select?
The following doesn't work:
<HTML>
<HEAD>
<STYLE>
SELECT OPTION.orgA{ display:none }
.orgB{ display:inline }
.orgC{ display:none }
</STYLE>
</HEAD>
<BODY>
<SELECT id=cbo size=3>
<OPTION class="orgA">RTI</OPTION>
<OPTION class="orgB">LAB</OPTION>
<OPTION class="orgC">TCI</OPTION>
</SELECT>
</BODY>
</HTML>
I have two drop down box's in a form, how would I go about changing the
options of the seccond one depending on what option is selected in the
first one?
For example, if there's a drop down box with "a", "b" and "c" as the
options, and another drop down box with "1", "2" and "3" as the
options; then when you select "a" on the first drop down box the values
of the seccond one changes to "a1", "a2" and "a3". This should work for
all the options of the first drop down box.