Dynamically populating <select>
Hej...
Behöver lite hjälp med så kallad "Dynamically populating select box".
Här äe koden:
---------------------------------
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
<script language="javascript">
function addOption(selectbox,text,value ){
var optn = document.createElement("option");
optn.text = text;
optn.value = value;
selectbox.options.add(optn);
}
function addOption_list(selectbox){
var artiklar1 = document.drop_list.artiklar1;
addOption(artiklar1, "artikel1","ar1-1|ar1-2|");
addOption(artiklar1, "artikel2","ar2-1|ar2-2|");
addOption(artiklar1, "artikel3","ar3-1|ar3-2|");
}
</script>
</head>
<body onload="addOption_list()" ;="">
<form name="drop_list">
<select name="artiklar1"></select>
<select name="artiklar2"></select>
<select name="artiklar3"></select>
<select name="artiklar4"></select>
<select name="artiklar5"></select>
</form>
</body>
</html>
---------------------------------
Problemet är att det finns tot. 5st. <select> med namn "artiklar1","artiklar2"... o sv.
Alla de 5 ska fyllas med text och value angivna unde addOption().
Hur ska man gå till väga utan att behöva deklarera variabel 5 gånger ?
var artiklar1 = document.drop_list.artiklar1;
addOption(artiklar1, "artikel1","ar1-1|ar1-2|");
addOption(artiklar1, "artikel2","ar2-1|ar2-2|");
addOption(artiklar1, "artikel3","ar3-1|ar3-2|");
var artiklar2 = document.drop_list.artiklar2;
addOption(artiklar2, "artikel1","ar1-1|ar1-2|");
addOption(artiklar2, "artikel2","ar2-1|ar2-2|");
addOption(artiklar2, "artikel3","ar3-1|ar3-2|");
var artiklar3 = document.drop_list.artiklar3;
addOption(artiklar3, "artikel1","ar1-1|ar1-2|");
addOption(artiklar3, "artikel2","ar2-1|ar2-2|");
addOption(artiklar3, "artikel3","ar3-1|ar3-2|");
...
