Menu
if i hav an array in a javascript file such as:
var blah = new Array();
blah[0] = “blah”;
blah[1] = “blahblah”;
blah[2] = “blahblahblah”;
blah[3] = “blahblahblahblah”;
is there any way that i can load values of the array (blah, blahblah, etc.) into one of those select boxes?
<select>
<option></option>
<option></option>
<option></option>
</select>
[CODE]var myOptions = new Array();
myOptions[0] = "option 1";
myOptions[1] = "option 2";
myOptions[2] = "option 3";
// Get select somehow
var mySelect = document.getElementById('mySelect');
for(var i=0; i<myOptions.length; i++) {
mySelect.options[options.length] = new Option(myOptions[i]);
}[/CODE][CODE]<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<head>
<title></title>
<link rel="stylesheet" type="text/css" href="Assign1.css"/>
<script src="AssignOne.js" type="text/JavaScript"></script>
<script type="text/javascript">
//<![CDATA[
<!-- Hide the script from non-script-friendly browsers
//Function for loading prodName array into select box
function prodNamebox(){
var mySelect = document.getElementById('mySelect');
for(var i=0; i<prodname.length; i++) {
mySelect.options[options.length] = new Option(prodname[i]);
}
}
// stop hiding the script -->
//]]>
</script>
</head>
<form>
<select onload="prodNamebox();"></select>
</form>[/CODE][CODE]var prodName = new Array(); //product name and model array
prodName[0] = "Home Theatre System HT400DVA";
prodName[1] = "Digital Home Theatre System SD1000W";
prodName[2] = "Portable CD Player QT180H";
prodName[3] = "Portable CD Player GX1200W";
prodName[4] = "Microwave Oven R230";
prodName[5] = "Microwave Oven R380H";
prodName[6] = "DVD Recorder DV350X";
prodName[7] = "DVD Recorder DV300X";
prodName[8] = "Personal Digital Assistant SL550";[/CODE][CODE]<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title></title>
<script type="text/javascript">
<script src="AssignOne.js" type="text/JavaScript"></script>
//<![CDATA[
<!-- Hide the script from non-script-friendly browsers
//Function for loading prodName array into select box
function prodNamebox(){
document.write('<select id="prodnamebox" name="prodnamebox">');
for (var i=0; i<prodName.length; i++) {
document.write('<option value="'+prodname[i]+'" />'+prodname[i]);
}
document.write('</select>');
}
//stop hide incompatible browser -->
//]]>
</script>
<head>
<form>
<label for="prodName">Product Name: </label>
</form>[/CODE][CODE]<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>This is just an example only</title>
<script src="AssignOne.js" type="text/JavaScript"></script>
<script type="text/javascript">
<!--hide from non-script browsers
//Function for loading prodName array into select box
function show(obj){
var index=obj.selectedIndex;
var prodName = obj.options[index].value;
var message = "You picked " + prodName;
document.getElementById("order").display.value = message;
}
// hidden scripts above -->
</script>
</head>
<body>
<form id="order">
<script type="text/javascript">
<!--hide from no-script browsers
document.write('<p><select name="prodnamebox" onChange="show(this);">');
for(i=1; i<prodName.length; i++)
{
document.write('<option value=' +prodName[i]+ '>' +prodName[i]+ '</option>');
}
document.write('</select></p>');
// hidden scripts above -->
</script>
</form>
</body>
</html>[/CODE]0.1.9 — BETA 5.17