<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
<script language="javascript">
function LeftToRight(){
for(var i=left.length-1;i>=0;i--){
if(left.options[i].selected){
var op = document.createElement("OPTION");
op.text=left.options[i].text;
op.value=left.options[i].value;
right.add(op);
left.options[i] = null;
}
}
}
function RightToLeft(){
for(var i=right.length-1;i>=0;i--){
if(right.options[i].selected){
var op = document.createElement("OPTION");
op.text=right.options[i].text;
op.value=right.options[i].value;
left.add(op);
right.options[i] = null;
}
}
}
</script>
</HEAD>
<BODY>
<table>
<tr><td>
<SELECT NAME="left" size="10" multiple="true">
<option value="1">AAA</option>
<option value="2">BBB</option>
<option value="3">CCC</option>
<option value="4">DDD</option>
<option value="5">EEE</option>
</SELECT>
</td>
<td>
<table><tr><td>
<input type="button" value="--->" onclick="LeftToRight()"><br><br>
<input type="button" value="<---" onclick="RightToLeft()">
</td></tr></table>
</td><td>
<SELECT NAME="right" size="10" multiple="true" ></SELECT>
</td></tr></table>
</BODY>
</HTML>
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
<script language="javascript">
function LeftToRight(){
for(var i=left.length-1;i>=0;i--){
if(left.options[i].selected){
var op = document.createElement("OPTION");
op.text=left.options[i].text;
op.value=left.options[i].value;
right.add(op);
left.options[i] = null;
}
}
}
function RightToLeft(){
for(var i=right.length-1;i>=0;i--){
if(right.options[i].selected){
var op = document.createElement("OPTION");
op.text=right.options[i].text;
op.value=right.options[i].value;
left.add(op);
right.options[i] = null;
}
}
}
</script>
</HEAD>
<BODY>
<table>
<tr><td>
<SELECT NAME="left" size="10" multiple="true">
<option value="1">AAA</option>
<option value="2">BBB</option>
<option value="3">CCC</option>
<option value="4">DDD</option>
<option value="5">EEE</option>
</SELECT>
</td>
<td>
<table><tr><td>
<input type="button" value="--->" onclick="LeftToRight()"><br><br>
<input type="button" value="<---" onclick="RightToLeft()">
</td></tr></table>
</td><td>
<SELECT NAME="right" size="10" multiple="true" ></SELECT>
</td></tr></table>
</BODY>
</HTML>
如果想通过数据库读取option的value,在对应显示或者添加option怎么实现呢?
http://jkisjk.vip.sina.com/html/moveRightOrLeft2.htm
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>made by meixx</title>
<script language="javascript">
<!--
function Add(ObjSource,ObjTarget){
for(var i=0;i<ObjSource.length;i++){
if(ObjSource.options[i].selected){
var opt=document.createElement("OPTION");
ObjTarget.add(opt);
opt.value=ObjSource.options[i].value;
opt.text=ObjSource.options[i].text;
ObjSource.options.removeChild(ObjSource.options[i--])
}
}
}
function AddAll(ObjSource,ObjTarget){
SelectAll(ObjSource);
Add(ObjSource,ObjTarget);
}
function SelectAll(ObjSource){
for(var i=0;i<ObjSource.length;i++){
ObjSource.options[i].selected=true;
}
}function doSubmit(){
SelectAll(frmDisplay.dltTarget);
//frmDisplay.action="";//设置form 提交的action
alert(frmDisplay.action);
//frmDisplay.submit();//取消注释即可,提交上去的options
}
//->
</script>
</head><body>
<table width="350" border="1" style="border-collapse:collapse " bordercolor="#111111" cellpadding="0" cellspacing="0">
<tr>
<td width="150">
<select name="dltSource" size="10" multiple style="width:100% ">
<option value="0">辽宁</option>
<option value="0">黑龙江</option>
<option value="0">吉林</option>
<option value="0">河北</option>
<option value="0">河南</option>
<option value="0">江苏</option>
<option value="0">浙江</option>
<option value="0">海南</option>
<option value="0">福建</option>
<option value="0">山东</option>
<option value="0">青海</option>
<option value="0">宁夏</option>
<option value="0">内蒙古</option>
<option value="0">新疆</option>
<option value="0">陕西</option>
</select>
</td>
<td width="50" valign="middle">
<p style="width:100%" align="center"><input type="button" value="->" onClick="Add(document.all.dltSource,frmDisplay.dltTarget)" title="添加"></p>
<p style="width:100%" align="center"><input type="button" value="=>" onClick="AddAll(document.all.dltSource,frmDisplay.dltTarget)" title="添加全部"></p>
<p style="width:100%" align="center"><input type="button" value="<-" onClick="Add(frmDisplay.dltTarget,document.all.dltSource)" title="删除"></p>
<p style="width:100%" align="center"><input type="button" value="<=" onClick="AddAll(frmDisplay.dltTarget,document.all.dltSource)" title="删除全部"></p>
</td>
<td width="150">
<form id="frmDisplay" action="xxx.jsp" method="post" style="margin:0 ">
<select name="dltTarget" size="10" multiple style="width:100% "></select>
</form>
</td>
</tr>
<tr>
<td align="center">作者:梅雪香</td>
<td align="center">ver:1.0</td>
<td align="center">
<input type="reset" onClick="javascript:window.location.reload();" value="重置">
<input type="button" value="提交" onClick="doSubmit()">
</td>
</tr>
</table></body>
</html>
多选数量为1到10 怎么实现呢?
多选数量为1到10 怎么实现呢?
ding!!!