3
I have a problem I would be very grateful for any help with:
I need to create a bus timetable using data from arrays and write a table using the DOM to show only those stops and times selected.
I need to have a select list populated with data from an array, and associated with this are a number of different timesI have the script to populate the select options on screen, but i don't know how to then relate that to the data that is returned. Any help would be appreciated:
[HTML]<html>
<head>
<title>Untitled </title>
<script language="JavaS cript" type="text/javascript">
names = new Array("StopA",
"B",
"C",
"D",
"E",
"F",
"G");
times = new Array(
new Array ("10:00","10:05 ","10:10","10:1 5","10:20","10: 25","10.30"),
new Array ("10:10","10:15 ","10:20","10:3 0","10:40","10: 50","11:00"),
)
function arrayToOptions( arr) {
var opts = new Array() ;
var alen = arr.length ;
for (var i = 0; i < alen ; i++) {
opts[i] = new Option(arr[i])
}
return opts ;
}
var optionObj = new Option
</script>
</head>
<body>
<table width="50%" align="center" cellpapdding="2 ">
<form name="bustimeta ble">
<tr><td>Start :
<select name="startStop " size="1">
</select>
<script type="text/javascript" language="JavaS cript">
var opts = arrayToOptions( names);
for (var i =0; i < opts.length; i++) {
document.bustim etable.startSto p.options[i] = opts[i];
}
</script>
</td>
<td>Destination :
<select name="destinati onStop" size="1">
</select>
<script type="text/javascript" language="JavaS cript">
var opts = arrayToOptions( stnNames);
for (var i =0; i < opts.length; i++) {
document.bustim etable.destinat ionStop.options[i] = opts[i];
}
</script>
</td>
<td>Departure time:
<select name="depTime" size="1">
</select>
<script type="text/javascript" language="JavaS cript">
var opts = arrayToOptions( trnTimes[0]);
for (var i =0; i < opts.length; i++) {
document.bustim etable.depTime. options[i] = opts[i];
}
</script>
</td></tr>
<tr><td>
<input type="button" name="show result" value="show result">
</td></tr>
</form>
</table>
</body>
</html>[/HTML]
