Forum:

Drop Downs

Ranch Hand

Posts: 60

posted 17 years ago

Number of slices to send:

Optional 'thank-you' note:

Send

Hi,

I have 2 drop down in the jsp page.
The first drop down is dynamically populated

The second drop down will be populated depending on the selection in the first one.

The second drop down title should be Select XXX Type where XXX is the value selected in the first drop down
I am having the id of the first selected drop down and i am sending the id to the Action Class

How would i get the value of that particular id ?

Ben Souther

Sheriff

Posts: 13411

I like...

posted 17 years ago

Number of slices to send:

Optional 'thank-you' note:

Send

This one of our most asked question.
Search this, and the HTML forum (Google too) with keywords:
"Dependent dropdown" or "cascading dropdown" and you will find plenty of discussion on the subject.

Java API J2EE API Servlet Spec JSP Spec How to ask a question... Simple Servlet Examples jsonf

sudha swami

Ranch Hand

Posts: 186

posted 17 years ago

Number of slices to send:

Optional 'thank-you' note:

Send

Hi,
Did you find any code related to it. If so, could you please pass the url/ code which would be helpful.
regards
sudha

Vivek Kr Singh

Ranch Hand

Posts: 56

posted 17 years ago

Number of slices to send:

Optional 'thank-you' note:

Send

Does this help or you are looking for a struts specific solution ?
Remove - from ev-al

SCJP 1.4

Bear Bibeault

Sheriff

Posts: 67752

173

I like...

posted 17 years ago

Number of slices to send:

Optional 'thank-you' note:

Send

Why the uncessessary use of eval()?

Also this example does not account for the fact that the values in the secondary dropdown depend upon the selected value.
[ October 12, 2007: Message edited by: Bear Bibeault ]

[Asking smart questions] [About Bear] [Books by Bear]

HTML 5 (verified skill)
Skill verified by Jeanne Boyarsky

CSS 3 (verified skill)
Skill verified by Jeanne Boyarsky

JavaScript (verified skill)
Skill verified by Jeanne Boyarsky

Vivek Kr Singh

Ranch Hand

Posts: 56

posted 17 years ago

Number of slices to send:

Optional 'thank-you' note:

Send

True eval is unnecessary ..
Here is a better example

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Play with Select</title>
</head>
<script type="text/javascript">
function changeValue()
{
if(document.getElementById("firstSelect") != null)
{
document.getElementById("selectTwo").innerHTML = "Select " + document.getElementById("firstSelect").value + " from";
document.getElementById("dropDown").style.display='inline';

var selected = document.getElementById("firstSelect").selectedIndex;

populate(getArray(selected));
}
}
 
function populate(array)
{
clear();
for(var i = 0 ; i < array.length ; i++)
{
optionElem = document.createElement("option");
optionElem.text = array[i];
optionElem.value = array[i];
try
{
document.getElementById("selectDrop").add(optionElem,null);
}
catch(e)
{
document.getElementById("selectDrop").add(optionElem);
}
}
}
 
function clear()
{
for(var i = 0 ; i < document.getElementById("selectDrop").length ; i++)
{
selectDrop.remove(i);
}

selectDrop.remove(0);
}
 
function getArray(index)
{
if(index == 0)
{
return new Array("BMW","Audi","Renault");
}
else
{
return new Array("General Motors","Diamler Chrysler","Suzuki");
}
}
</script>
<body>
<br>
First Select
<select name="firstSelect" id="firstSelect" onchange="changeValue()">
<option value="Car">Car</option>
<option value="Manufacturer">Manufacturer</option>
</select>
<br>
<br>
<div id="dropDown" style="display:none">
<div id="selectTwo" style="display:inline"></div> 
<select id="selectDrop">
</select>
</div>
</body>
</html>

SCJP 1.4

sudha swami

Ranch Hand

Posts: 186

posted 17 years ago

Number of slices to send:

Optional 'thank-you' note:

Send

[Edit: thread hijack removed]
[ October 16, 2007: Message edited by: Bear Bibeault ]

Gayathri Chowduru

Ranch Hand

Posts: 42

posted 17 years ago

Number of slices to send:

Optional 'thank-you' note:

Send

Hi,
So, your first drop down is being populated by a server call. right. In the Select tag, give the javascript function, like
<Select name="firstDropDown" onChange="displaySecondDropDownList()">
<option ..></option>
in the javascript function,
function displaySeconDropDownList(){
var selectedValue = document.forms[0].firstDropDown.options[selectedIndex].value
then take a hidden variable and assign this value to that variable and set in the corresponding form.
Then invoke the action class, and get the corresponding second dropdown list values from the database based on this selected value. :-)

shah rhukh

Greenhorn

Posts: 9

posted 17 years ago

Number of slices to send:

Optional 'thank-you' note:

Send

hi....

i had face the same problem recently........
For this AJAX is the best solution..

My previous laptop never exploded like that. Read this tiny ad while I sweep up the shards.

Gift giving made easy with the permaculture playing cards

https://coderanch.com/t/777758/Gift-giving-easy-permaculture-playing