This is all the code you need...
<script language="JavaS cript">
<!-- hiding
function dosubmit() {}
function deleteOption(ob ject,index) {
object.options[index] = null;
}
function addOption(objec t,text,value) {
var defaultSelected = true;
var selected = true;
var optionName = new Option(text, value, defaultSelected , selected)
object.options[object.length] = optionName;
}
function copySelected(fr omObject,toObje ct) {
for (var i=0, l=fromObject.op tions.length;i< l;i++) {
if (fromObject.opt ions[i].selected)
addOption(toObj ect,fromObject. options[i].text,fromObjec t.options[i].valu
e);
}
for (var i=fromObject.op tions.length-1;i>-1;i--) {
if (fromObject.opt ions[i].selected)
deleteOption(fr omObject,i);
}
}
function copyAll(fromObj ect,toObject) {
for (var i=0, l=fromObject.op tions.length;i< l;i++) {
addOption(toObj ect,fromObject. options[i].text,fromObjec t.options[i].valu
e);
}
for (var i=fromObject.op tions.length-1;i>-1;i--) {
deleteOption(fr omObject,i);
}
}
function selectAll(fromO bject) {
for (var i=0, l=fromObject.op tions.length;i< l;i++) {
//addOption(toObj ect,fromObject. options[i].text,fromObjec t.options[i].va
lue);
fromObject.opti ons[i].selected = true;
}
}
// stop hiding -->
</script>
<table width = "100%" border = "0">
<tr>
<td>
<select size="15" name="ExtraArea s" class="inpt" multiple
style="width:18 0">
<%
'call stuff from databse her
%>
<option value="<!-- db value -->"><!-- db value --></option>
</select>
</td>
<td align = "center">
<input type="button" value="Add » "
onClick="copySe lected(this.for m.ExtraAreas,th is.form.ExtraAr eas1),
dosubmit(ExtraA reas1)" class = "button">
<input class = "button" type="button" value="« Remove"
onClick="copySe lected(this.for m.ExtraAreas1,t his.form.ExtraA reas),
dosubmit(ExtraA reas)">
</td>
<td class = "tableNorm" >
<select size="15" name="ExtraArea s1" class="inpt" MULTIPLE
style="width:18 0"></select>
</td>
</tr>
</table>
*** Sent via Developersdex
http://www.developersdex.com ***
Don't just participate in USENET...get rewarded for it!