Entry
How do I dynamically populate a select box, using only the selected values from another select box?
Nov 14th, 2001 22:50
Alessio Bellisomi, Danny Sementilli,
Try this
<HTML>
<HEAD>
<SCRIPT LANGUAGE="JavaScript">
<!--
function Populate() {
frm=document.forms[0]
field1=frm.SelectBox1
field2=frm.SelectBox2
for(i=0, j=0;i<field1.length;i++) {
if(field1.options[i].selected) {
newOpt=field1.options[i].text
field2.length=j+1
field2.options[j]= new Option(newOpt,newOpt)
j++
}
}
}
// -->
</SCRIPT>
</HEAD>
<BODY>
<FORM>
<SELECT NAME="SelectBox1" MULTIPLE>
<OPTION>Value1
<OPTION>Value2
<OPTION>Value3
<OPTION>Value4</SELECT>
<INPUT TYPE=button onClick="Populate()" VALUE="|------>">
<SELECT NAME="SelectBox2" MULTIPLE></SELECT>
</FORM>
</BODY>
</HTML>
