<script type="text/javascript">
function moveOptions(oSource, oTarget) {
while (oSource.selectedIndex > -1) {
var opt = oSource.options[oSource.selectedIndex];
var newOpt = document.createElement("OPTION");
oTarget.appendChild(newOpt);
newOpt.value = opt.value;
newOpt.text = opt.text;
newOpt.selected = true;
oSource.removeChild(opt);
}
}
</script>
function moveOptions(oSource, oTarget) {
while (oSource.selectedIndex > -1) {
var opt = oSource.options[oSource.selectedIndex];
var newOpt = document.createElement("OPTION");
oTarget.appendChild(newOpt);
newOpt.value = opt.value;
newOpt.text = opt.text;
newOpt.selected = true;
oSource.removeChild(opt);
}
}
</script>
<div style="float:left;">
已选:<br />
<select name="projectMemberList" multiple="yes" size="9" style="100px;" id="projectMemberList">
<option value="xxx">x01</option>
<option value="xxx">x02</option>
</select>
</div>
<div style="float:left;margin:0px 5px;">
<br />
<br />
<br />
<input type="button" value="<-添加"
onclick="moveOptions(document.getElementById('userList'),document.getElementById('projectMemberList'));" />
<br />
<br />
<input type="button" value="移除->"
onclick="moveOptions(document.getElementById('projectMemberList'),document.getElementById('userList'));" />
</div>
<div style="float:left;">
备选:<br />
<select multiple="yes" size="9" style="100px;" id="userList">
<option value="xxx">x03</option>
<option value="xxx">x04</option>
<option value="xxx">x05</option>
<option value="xxx">x06</option>
<option value="xxx">x07</option>
<option value="xxx">x08</option>
<option value="xxx">x09</option>
<option value="xxx">x10</option>
<option value="xxx">x11</option>
</select>
</div>
已选:<br />
<select name="projectMemberList" multiple="yes" size="9" style="100px;" id="projectMemberList">
<option value="xxx">x01</option>
<option value="xxx">x02</option>
</select>
</div>
<div style="float:left;margin:0px 5px;">
<br />
<br />
<br />
<input type="button" value="<-添加"
onclick="moveOptions(document.getElementById('userList'),document.getElementById('projectMemberList'));" />
<br />
<br />
<input type="button" value="移除->"
onclick="moveOptions(document.getElementById('projectMemberList'),document.getElementById('userList'));" />
</div>
<div style="float:left;">
备选:<br />
<select multiple="yes" size="9" style="100px;" id="userList">
<option value="xxx">x03</option>
<option value="xxx">x04</option>
<option value="xxx">x05</option>
<option value="xxx">x06</option>
<option value="xxx">x07</option>
<option value="xxx">x08</option>
<option value="xxx">x09</option>
<option value="xxx">x10</option>
<option value="xxx">x11</option>
</select>
</div>
from:http://www.iecn.cn/article-html-itemid-2284-type-blog.html