Concatenate 2 Input Fields and Add to Select List
*Works in Netscape 6
1234
5678
--------- No Entries ---------
Code:
Place in the <HEAD>:
Highlight
<script> function delItem(objSel, index){ if (!index && index != 0) {index = objSel.options.selectedIndex;} if (index > -1){ objSel.options[index] = null; } } function addItem(objSel, srcSel, srcTB){ var text1 = srcSel.options[srcSel.options.selectedIndex].value var newValue = text1 + '|' + srcTB.value var newText = text1 + ' - ' + srcTB.value if (objSel.options.length > 0 && objSel.options[0].value == ''){delItem(objSel, 0)} objSel.options[objSel.options.length] = new Option(newText,newValue); srcTB.value=''; } function highLight(frm){ if (frm.select1.options.length > 0){ if (frm.select1.options[0].value==''){delItem(frm.select1,0);} } if (frm.select1.options.length > 0){ for (var i=0;i < frm.select1.options.length;i++){ frm.select1.options[i].selected=true; } } return true; } </script>
Place in the <BODY>:
Highlight
<form method=post name="selectForm" id="selectForm" onSubmit="return(highLight(this))"> <SELECT NAME="text1"> <OPTION VALUE="1234">1234 <OPTION VALUE="5678">5678 </SELECT> <input type=text name=text2 size=16> <input type=button value="Add" onClick="addItem(this.form.select1, this.form.text1, this.form.text2)"> <input type=button value="Remove" onClick="delItem(this.form.select1)"><br> <select multiple name=select1 size=5> <option>--------- No Entries ---------</option> </select> <p><input type=submit value=Submit> </form>