This is all the code you need...
<script language="JavaScript">
<!-- hiding
function dosubmit() {}
function deleteOption(object,index) {
object.options[index] = null;
}
function addOption(object,text,value) {
var defaultSelected = true;
var selected = true;
var optionName = new Option(text, value, defaultSelected, selected)
object.options[object.length] = optionName;
}
function copySelected(fromObject,toObject) {
for (var i=0, l=fromObject.options.length;i<l;i++) {
if (fromObject.options[i].selected)
addOption(toObject,fromObject.options[i].text,fromObject.options[i].valu
e);
}
for (var i=fromObject.options.length-1;i>-1;i--) {
if (fromObject.options[i].selected)
deleteOption(fromObject,i);
}
}
function copyAll(fromObject,toObject) {
for (var i=0, l=fromObject.options.length;i<l;i++) {
addOption(toObject,fromObject.options[i].text,fromObject.options[i].valu
e);
}
for (var i=fromObject.options.length-1;i>-1;i--) {
deleteOption(fromObject,i);
}
}
function selectAll(fromObject) {
for (var i=0, l=fromObject.options.length;i<l;i++) {
//addOption(toObject,fromObject.options[i].text,fromObject.options[i].va
lue);
fromObject.options[i].selected = true;
}
}
// stop hiding -->
</script>
<table width = "100%" border = "0">
<tr>
<td>
<select size="15" name="ExtraAreas" class="inpt" multiple
style="width:180">
<%
'call stuff from databse her
%>
<option value="<!-- db value -->"><!-- db value --></option>
</select>
</td>
<td align = "center">
<input type="button" value="Add » "
onClick="copySelected(this.form.ExtraAreas,this.fo rm.ExtraAreas1),
dosubmit(ExtraAreas1)" class = "button">
<input class = "button" type="button" value="« Remove"
onClick="copySelected(this.form.ExtraAreas1,this.f orm.ExtraAreas),
dosubmit(ExtraAreas)">
</td>
<td class = "tableNorm">
<select size="15" name="ExtraAreas1" class="inpt" MULTIPLE
style="width:180"></select>
</td>
</tr>
</table>
*** Sent via Developersdex
http://www.developersdex.com ***
Don't just participate in USENET...get rewarded for it!