Tek-Tips is the largest IT community on the Internet today!
Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!
-
Congratulations gkittelson on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!
How to read dropdownboxes
- Thread starter JohnSwe
- Start date
Hi.
Here is a really simple example to use dropdown and location.href:
<html>
<Script Language="JavaScript">
function selected()
{
var page=document.all.sel.options[document.all.sel.selectedIndex].value;
location.href=page;
}
</Script>
<body>
<select name="sel" id="sel" size=1 onchange="selected()">
<option value="" selected>none</option>
<option value="page1.asp?data1=blalbla">Page1</option>
<option value="page2.asp?data2=blalbla">Page2</option>
<option value="page3.asp?data3=blalbla">Page3</option>
</select>
</body>
</html>
regards, Kirilla
Here is a really simple example to use dropdown and location.href:
<html>
<Script Language="JavaScript">
function selected()
{
var page=document.all.sel.options[document.all.sel.selectedIndex].value;
location.href=page;
}
</Script>
<body>
<select name="sel" id="sel" size=1 onchange="selected()">
<option value="" selected>none</option>
<option value="page1.asp?data1=blalbla">Page1</option>
<option value="page2.asp?data2=blalbla">Page2</option>
<option value="page3.asp?data3=blalbla">Page3</option>
</select>
</body>
</html>
regards, Kirilla
- Thread starter
- #4
Hi.
Try this, where all of the SELECT object called "DropDown".
<Script Language="JavaScript">
function checkB()
{
var DropValues=new Array();
var elements=document.all["DropDown"];
var num=document.all["DropDown"].length;
for(n=0;n<num;n++)
{
DropValues[n]=elements[n].options[elements[n].selectedIndex].value;
}
}
</Script>
regards, Kirilla
Try this, where all of the SELECT object called "DropDown".
<Script Language="JavaScript">
function checkB()
{
var DropValues=new Array();
var elements=document.all["DropDown"];
var num=document.all["DropDown"].length;
for(n=0;n<num;n++)
{
DropValues[n]=elements[n].options[elements[n].selectedIndex].value;
}
}
</Script>
regards, Kirilla
- Thread starter
- #6
Thanks Krilla!
But how do i no what data comes from what box?
(I mean on the page that the user gets redirected to?)
The page that is redirected to is an asp page where i want to store the users chioces as session varialbles. So i need to no what value came from what box. 8->
But how do i no what data comes from what box?
(I mean on the page that the user gets redirected to?)
The page that is redirected to is an asp page where i want to store the users chioces as session varialbles. So i need to no what value came from what box. 8->
Hi.
Put the datas to the value property of the option object as the follows:
...
<option value="Drop1data1=blalbla">Page1</option>
<option value="Drop1data2=blalbla">Page2</option>
...
<option value="Drop2data1=blalbla">Page1</option>
<option value="Drop2data2=blalbla">Page2</option>
...
and bind of them like follow:
<Script Language="JavaScript">
function checkB()
{
var DropValues=new Array();
var elements=document.all["DropDown"];
var num=document.all["DropDown"].length;
var page="yourPage.asp?";
for(n=0;n<num;n++)
{
DropValues[n]=elements[n].options[elements[n].selectedIndex].value;
if(n<num-1){
page+=DropValues[n]+"&";
}
}
location.href=page;
}
</Script>
the page object will appear like this:
yourPage.asp?Drop1data2=blabla&Drop2data4=blabla....
OR
you can use the ID property also to get which data belong to which SELECTION.
regards, Kirilla
Put the datas to the value property of the option object as the follows:
...
<option value="Drop1data1=blalbla">Page1</option>
<option value="Drop1data2=blalbla">Page2</option>
...
<option value="Drop2data1=blalbla">Page1</option>
<option value="Drop2data2=blalbla">Page2</option>
...
and bind of them like follow:
<Script Language="JavaScript">
function checkB()
{
var DropValues=new Array();
var elements=document.all["DropDown"];
var num=document.all["DropDown"].length;
var page="yourPage.asp?";
for(n=0;n<num;n++)
{
DropValues[n]=elements[n].options[elements[n].selectedIndex].value;
if(n<num-1){
page+=DropValues[n]+"&";
}
}
location.href=page;
}
</Script>
the page object will appear like this:
yourPage.asp?Drop1data2=blabla&Drop2data4=blabla....
OR
you can use the ID property also to get which data belong to which SELECTION.
regards, Kirilla
- Thread starter
- #8
- Thread starter
- #9
Hi.
1. All SELECT object have to called "DropDown".
<SELECT name="DropDown" .....>
<Option ....
</Select>
....
If it doesn't work, may be you misstyped something.
(if not, send me your source and I'll try to give answer.)
tibor.kircsi@scala.hu
regards, Kirilla
1. All SELECT object have to called "DropDown".
<SELECT name="DropDown" .....>
<Option ....
</Select>
....
If it doesn't work, may be you misstyped something.
(if not, send me your source and I'll try to give answer.)
tibor.kircsi@scala.hu
regards, Kirilla
- Status
Similar threads
