Add Input Field Value to Select List
*Works in Netscape 6
--------- 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, srcTB){ var newText = srcTB.value if (newText.length > 0 && objSel.options[0].value == ''){ delItem(objSel, 0) } objSel.options[objSel.options.length] = new Option(newText,newText); 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))"> <input type=text name=text1 size=16> <input type=button value="Add" onClick="addItem(this.form.select1, this.form.text1)"> <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>