//添加按钮
function addItem(source,target){
for(var x=0;x<source.length;x++){
var opt = source.options[x];
if (opt.selected){
for (var y=0;y<target.length;y++){
var myopt = target.options[y];
if(opt.value==myopt.value){
return;
}
}
target.options[target.options.length]=new Option(opt.text,opt.value,0,0);
}
}
}
//全部添加
function addAllItem(source,target){
for(var x=0;x<source.length;x++){
var add=true;
var opt = source.options[x];
for (var y=0;y<target.length;y++){
var myopt = target.options[y];
if(opt.value==myopt.value)
{
add=false;
break;
}
}
if(add)
{
target.options[target.options.length]=new Option(opt.text,opt.value,0,0);
}
}
}
//删除按钮
function delItem(source,target){
for(var x=target.length-1;x>=0;x--){
var opt = target.options[x];
if (opt.selected){
target.options[x] = null;
}
}
}
//全部删除
function delAllItem(source,target){
target.length=0;
}
在submit的时候需要执行全选
for(i=0;i<document.getElementById("mylocs").length;i++){
document.getElementById("mylocs").options[i].selected=true;
}
<table height="100%">
<tr height="100%">
<td height="100%" bgcolor="#FFFFFF">
<select name="locs" id="locs" size="8" multiple="multiple" style="width:12em" ondblclick="addItem(document.all.locs,document.all.mylocs)">
<%for(int i=0;i<userList.size();i++){
%>
<option value="<%=((ArrayList)userList.get(i)).get(0) %>"><%=((ArrayList)userList.get(i)).get(1) %></option>
<%}%>
</select>
</td>
<td valign="middle">
<p align="center">
<input name="Submit3" id="tianjia" type="button" value="全添加>>" onClick="addAllItem(document.all.locs,document.all.mylocs)">
</p>
<p align="center">
<input name="Submit3" id="tianjia" type="button" value="添加>>" onClick="addItem(document.all.locs,document.all.mylocs)">
</p>
<p align="center">
<input name="Submit4" type="button" value="<<删除" onClick="delItem(document.all.locs,document.all.mylocs)">
</p>
<p align="center">
<input name="Submit4" type="button" value="<<全删除" onClick="delAllItem(document.all.locs,document.all.mylocs)">
</p>
</td>
<td height="100%" bgcolor="#FFFFFF">
<select name="mylocs" id="mylocs" size="8" multiple="multiple" style="width:12em" ondblClick="delItem(document.all.locs,document.all.mylocs)">
<%if(if_question_info!=null&&TARGETUSERDATA!=null){
for(int i=0;i<TARGETUSERDATA.size()&&((ArrayList)TARGETUSERDATA.get(i)).get(0)!=null;i++){
%>
<option value="<%=((ArrayList)TARGETUSERDATA.get(i)).get(0) %>"><%=((ArrayList)TARGETUSERDATA.get(i)).get(1) %></option>
<%}}%>
</select>
</td>
</tr>
</table>
