Forum:

Values not poulating in the dropdown box.

Ranch Hand

Posts: 116

posted 16 years ago

Number of slices to send:

Optional 'thank-you' note:

Send

Hi,
I am actually referring this webpage to dynamically change the values in the dropdown. Here he values are given in the javascript itself. But what i am trying to do is take these values from the property file and setting it in the array. The values are not getting dispalyed in the down. Please see below the jsp code. Help me please.

<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
<%@page language="java" import="java.util.ArrayList"%>
<%@page language="java" import="java.util.List"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<link rel="stylesheet" href='css/CDM.css' type="text/css">
<title>Morning Session Page</title>
</head>
<script type="text/javascript">
function initBoxes(box1,box2) {
var country=document.getElementById(box1);
var city=document.getElementById(box2);
for (i=0; i<countries.length; i++) {
  var x=document.createElement('option');
  var y=document.createTextNode(countries[i][country]);
  if (window.attachEvent) { // for IE
  x.setAttribute('value',y.nodeValue);
  }
  x.appendChild(y);
  country.appendChild(x);
}
 
country.onchange=function() {
  if(this.value!="") {
   var list=document.getElementById(box2);
   while (list.childNodes[0]) {
    list.removeChild(list.childNodes[0]);
   }
   fillBox2(city,this.value);
   }
  }
 
fillBox2(city,country.value);
}
 
 
function fillBox2(box2,country) {
for (i=0; i<countries.length; i++) {
  if (countries[i][country]==country) {
   var cities=countries[i][city];
  }
}
for (i=0; i<cities.length; i++) {
  var x=document.createElement('option');
  var y=document.createTextNode(cities[i]);
  x.appendChild(y);
  box2.appendChild(x);
  }
} 
 function load()
{
window.status="Page is loaded";
}
 
</script>
<body onloaadd="initBoxes('country','city')">
<%@ include file="UserHeader.jsp" %>
<%@ page import="java.util.*" %>
<%@ page import="java.lang.*" %>
 
<%
ResourceBundle rb = ResourceBundle.getBundle("com.tvs.properties.sql");
int numofcountry = 3;
int numofdiv =3;
int country=0;
int city=1;
int place=2;
String[][] countries = new String[3][];
for (int i=0;i<3;i++){
countries[i]= new String[2];
countries[i][country]=(rb.getString("country["+i+"]"));
countries[i][city]=(rb.getString("countrycity["+i+"]"));
countries[i][place]=(rb.getString("countryplace["+i+"]"));%>
<%= countries[i][country] %>
<%= countries[i][city] %>
<%= countries[i][place] %><br>
<%}
%>
<form name="Morning" method="post" action="Morning">
<br>
<br><br>
<table frame="box" border="0" width=50% height=100 cellspacing="5" cellpadding="5">
<tr>
<td width="399" align="right" valign="middle"><b>City</b></td><td width=2% align="center" valign="middle"><b>:</b></td>
<td width="399" align="left">
<select id="country" name="dlelist"  STYLE="width:150px">
</select>
</td>
</tr>
<tr></tr>
<tr>
<td width="399" align="right" valign="middle"><b>Boarding Point</b></td><td width=2% align="center" valign="middle"><b>:</b></td>
<td width="399" align="left">
<select id="city" name="dlelist"  STYLE="width:150px">
</select>
</td>
</tr>
<tr></tr>
<tr>
<td width="399" align="right" valign="middle"><b>End Location</b></td><td width=2% align="center" valign="middle"><b>:</b></td>
<td width="399" align="left">
<select id="place" name="dlelist"  STYLE="width:150px">
 
</select>
</td>
</tr>
<tr></tr><tr></tr><tr></tr><tr></tr>
<tr>
<td></td>
<td width="399" align="right"><input type="Submit" name="Submit" value="submit"></td>
<td></td>
</tr>
</table>
</form>
</body>
</html>

[ December 06, 2008: Message edited by: renu richard ]

Cheers,
Richard

Jeanne Boyarsky

author & internet detective

Posts: 42145

937

I like...

posted 16 years ago

Number of slices to send:

Optional 'thank-you' note:

Send

Renu,

This code is in a JSP scriptlet. Which means the country, city and place are just getting written to the HTML page loose. You can view the source in your browser to verify.

The example you linked to does this in JavaScript. So what you need to do is write out the JavaScript and insert the scriptlets to fit the two together. For example:
JavaScript: countries[0]['country']='United Kingdom';
JSP : countries[<%+ i %>]['country']='<%= countries[i][country] %>';

[OCP 21 book] | [OCP 17 book] | [OCP 11 book] | [OCA 8 book] [OCP 8 book] [Practice tests book] [Blog] [JavaRanch FAQ] [How To Ask Questions] [Book Promos]
Other Certs: SCEA Part 1, Part 2 & 3, Core Spring 3, TOGAF part 1 and part 2