Populate a second drop down based on a selection from another above it

mimsc

Based off a selection from an above drop-down on the same page?

Sep 10 '07 #1

Follow Post Reply

2253

r035198x

13,262

8TB

Based off a selection from an above drop-down on the same page?

Yes it's possible.
Are you talking about a Java application or an web application with HTML and Javascript?

Sep 10 '07 #2

JosAH

11,448

Expert 8TB

Based off a selection from an above drop-down on the same page?

Sure, why not? Instantiate a new PopupMenu and populate it with whatever you
want and display the thing. What's the problem? Or are you talking Javascript?

kind regards,

Jos

Sep 10 '07 #3

JosAH

11,448

Expert 8TB

r035198x is catching up: he beat me by that >.< much ;-)

kind regards,

Jos

Sep 10 '07 #4

mimsc

Yes it's possible.
Are you talking about a Java application or an web application with HTML and Javascript?

It's a web app with some html, unfortunately I'm new to javascript and I hear thats the way to go with this problem.

here's what I got:

Expand|Select|Wrap|Line Numbers

  
<%

Vector theStates = WeatherDAO.getWeatherStates();

%>
 
label for="weatherStat">State:</label>
 
<select name="weatherStat" id="States">

<% for (int i=0; i< theStates.size(); i++) {  %>
 
<OPTION VALUE=<%=theStates%>> <%=theStates.elementAt(i)%> </OPTION>
 
<% 

}

%>

</select>        
 
<label for="weatherCity">City:</label>

    <select name="weatherCity" id="Cities">
 
<%

Vector theCities = WeatherDAO.getWeatherCities(WeatherStat);

%>    
 
<% for (int i=0; i< theCities.size(); i++) {  %>
 
<OPTION VALUE=<%=theCities%>> <%=theCities.elementAt(i)%> </OPTION>
 
<% 

}

%>
 
</TD></TR>

</center>

<TR><TD> 

<br>

<br>

<center>
 
</select></TD></TR>

</TABLE>

nothing populates in the second drop-down

Sep 10 '07 #5

r035198x

13,262

8TB

It's a web app with some html, unfortunately I'm new to javascript and I hear thats the way to go with this problem.

here's what I got:

Expand|Select|Wrap|Line Numbers

<%

Vector theStates = WeatherDAO.getWeatherStates();

%>

label for="weatherStat">State:</label>

<select name="weatherStat" id="States">

<% for (int i=0; i< theStates.size(); i++) {  %>

<OPTION VALUE=<%=theStates%>> <%=theStates.elementAt(i)%> </OPTION>

<%

}

%>

</select>

<label for="weatherCity">City:</label>

    <select name="weatherCity" id="Cities">

<%

Vector theCities = WeatherDAO.getWeatherCities(WeatherStat);

%>

<% for (int i=0; i< theCities.size(); i++) {  %>

<OPTION VALUE=<%=theCities%>> <%=theCities.elementAt(i)%> </OPTION>

<%

}

%>

</TD></TR>

</center>

<TR><TD>

<br>

<br>

<center>

</select></TD></TR>

</TABLE>

nothing populates in the second drop-down

1.) Vector is old. Use ArrayList
2.) If the cities are coming from a database as well then you probably may have to do it using Ajax or else you load all cities and states into arrays and then play around with those arrays. Either way it's a web problem so I'll move this to the Javascript forum.

P.S This problem appears so often that if you do a search on it you'll find a solution in the Javascript forum

Sep 10 '07 #6

mimsc

1.) Vector is old. Use ArrayList
2.) If the cities are coming from a database as well then you probably may have to do it using Ajax or else you load all cities and states into arrays and then play around with those arrays. Either way it's a web problem so I'll move this to the Javascript forum.

P.S This problem appears so often that if you do a search on it you'll find a solution in the Javascript forum

thanx for the input...appreciate it

Sep 10 '07 #7

acoder

16,027

Expert Mod 8TB

See if this link helps.

Sep 10 '07 #8

mimsc

See if this link helps.

hey thanx man, Im about to look at it right now!

Sep 10 '07 #9

mimsc

ok so I think I got the javascript syntax down...how can I access the saved parameter inside the script to be used in a query to populate a "city" drop-down menu below

example below:

Expand|Select|Wrap|Line Numbers

 
<%

Vector theStates = WeatherDAO.getWeatherStates();

%>
 
<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">

<title>Insert title here</title>

<script language="JavaScript" 

   type="text/JavaScript">

function GetCities(testVar)

 {

   var weatherState = document.testForm.weatherStat.selectedIndex;  <<----- I need to use this value to create another drop down menu on this same page
 
 }

</script>
 
<body>
 
<TR bgColor="#ffffff"><TD COLSPAN="2">

<TABLE CELLPADDING="3" CELLSPACING="2">

<TR><TD>
 
</FONT></CENTER><BR>

<BR>

<TABLE BORDER="0" CELLSPACING="5" CELLPADDING="5" WIDTH="100%">

<TR BGCOLOR="#C0C0C0" ><TD COLSPAN="2" ALIGN="CENTER"> <FONT SIZE=+3><B> Weather Services</B></FONT>

</TD></TR>

</TABLE>

<HR SIZE="3" NOSHADE>

<font size=+1>Select the State and City for which you would like to receive weather information.</font><br>

<TR><TD> 

<center>
 
<form name="testForm">

<label for="weatherStat">State:</label>
 
<select name="weatherStat" onchange="testVar = this.value"> 
 
<% for (int i=0; i< theStates.size(); i++) {  %>
 
<OPTION VALUE=<%=theStates%>> <%=theStates.elementAt(i)%> </OPTION>
 
<% 

}

%>

</select>
 
<label for="weatherCity">City:</label>

    <select name="weatherCity" id="Cities">

Im lost...any help would be appreciated

Sep 10 '07 #10

iam_clint

1,208

Expert 1GB

not sure what your asking can you try to explain alittle more

Sep 10 '07 #11

mimsc

not sure what your asking can you try to explain alittle more

I need to grab the selected value from "weatherStat" select box and use it in another dop down menu below called "weatherCity".....the only catch is the cites have to be populated by a query that's in:

Vector theStates = WeatherDAO.getWeatherStates(this is where the captured value needs to go)

Im new to javascript

Sep 10 '07 #12

acoder

16,027

Expert Mod 8TB

Merged your threads - they were on the same topic.

Also changed the thread title to describe the problem a little better.

Sep 11 '07 #13

acoder

16,027

Expert Mod 8TB

I need to grab the selected value from "weatherStat" select box and use it in another dop down menu below called "weatherCity".....the only catch is the cites have to be populated by a query that's in:

Vector theStates = WeatherDAO.getWeatherStates(this is where the captured value needs to go)

You have two choices. You can either use Ajax where you pass the selected value onto the server-side script which returns the response which you can parse to populate the second dropdown. The second option is to use arrays to store the option name/values ready for use as shown in the example link. You can generate the options as and when they are needed. Which method would you prefer?

Sep 11 '07 #14

mimsc

You have two choices. You can either use Ajax where you pass the selected value onto the server-side script which returns the response which you can parse to populate the second dropdown. The second option is to use arrays to store the option name/values ready for use as shown in the example link. You can generate the options as and when they are needed. Which method would you prefer?

the arrays sound too cumbersome, especially with cities for all 50 states....how does that AJAX work?

Sep 11 '07 #15

acoder

16,027

Expert Mod 8TB

the arrays sound too cumbersome, especially with cities for all 50 states....how does that AJAX work?

Check out the Ajax tutorial links in the Offsite Links thread. Also check out this example in the articles section.

Sep 11 '07 #16

mimsc

Check out the Ajax tutorial links in the Offsite Links thread. Also check out this example in the articles section.

thanx man.....good looking out

Sep 11 '07 #17

Populate a second drop down based on a selection from another above it

Post your reply

Similar topics