<html>
<head><title>Adding stuff to a select box</title></head>
<script LANGUAGE="JavaScript">
function addOpt(daForm){
var val = daForm.elements['VAL'].value;
var nam = daForm.elements['NAM'].value;
var newOpt = new Option(nam, val, false, false);
var newIndex = daForm.elements['edthecat'].length;
daForm.elements['edthecat'].options[newIndex] = newOpt;
}
function delOpt(E){
var Esize = E.length;
if(Esize>1){
var it = E.selectedIndex;
E.selectedIndex = it>0 ? it-1 : (it<Esize+1 ? it+1 : Esize);
E.options[it] = null;
//history.go(0);
}
}
function populate(daForm){
newArr = new Array();
E = daForm.elements['edthecat'];
for(var j=0; j<E.length; j++){ E.options[j] = null; }
for(var i=1; i<=parseInt(daForm.elements['MAX'].value); i++){
newOpt = new Option(i, i, (!i), (!i));
//newOpt = new Option(i, i, false, false);
E.options[i-1] = newOpt;
}
}
</SCRIPT>
<body>
<form NAME="jimmie">
<select NAME="edthecat" onChange="delOpt(this)">
<option VALUE="Forest">Forest</option>
</select>
value <input TYPE="TEXT" NAME="VAL" SIZE="15" VALUE="new value">
name <input TYPE="TEXT" NAME="NAM" SIZE="15" VALUE="new text">
<input TYPE="BUTTON" VALUE="addthis" OnClick="addOpt(this.form)">
<br>
<center>
maxval <input TYPE="TEXT" NAME="MAX" SIZE="15" VALUE="max pop val">
<input TYPE="BUTTON" VALUE="popupate" OnClick="populate(this.form)">
</center>
</form>
</body> |
Products of Aardvarks With Chisels : 
checkbox.js