用JavsScript能做出带下拉单的多重选择框,并把选择项移至另一个列表框吗 当然可以做了将左边的select的value放到右边 解决方案 » 免费领取超大流量手机卡,每月29元包185G流量+100分钟通话, 中国电信官方发货 <body><script language="JavaScript"><!--/*move(s1,s2,flag):s1是源列表框,s2是目的列表框,flag是是否全部移动*/function move(s1,s2,flag){ var tem=new Array(); var sa=document.frm.elements[s1]; var sb=document.frm.elements[s2]; var s=sa.selectedIndex>-1?1:0 with(sa) for(i=length-1;i>=0;i--) if(options[i].selected||flag){tem[tem.length]=options[i];options[i]=null} if(s||flag){ for(i=0;i<sb.length;i++)tem[tem.length]=sb.options[i] with(sb){ length=0; tem.sort(sortArr) for(i=0;i<tem.length;i++)options[length]=new Option(tem[i].text,tem[i].value) } }}/*move_self(s,flag):s是列表框name,flag(1,-1),是上移或下移*/function move_self(s,flag){ var sa=document.frm.elements[s] var tem; with(sa){ if(flag==1){ if(selectedIndex>0) for(i=0;i<length;i++) if(options[i].selected){ tem_text=options[i].text;tem_value=options[i].value options[i].text=options[i-1].text; options[i].value=options[i-1].value; options[i-1].text=tem_text;options[i-1].value=tem_value options[i-1].selected=true;options[i].selected=false } } else for(i=length-1;i>=0;i--) if(options[i].selected){ if(i==length-1)break; tem_text=options[i].text;tem_value=options[i].value options[i].text=options[i+1].text; options[i].value=options[i+1].value; options[i+1].text=tem_text;options[i+1].value=tem_value options[i+1].selected=true;options[i].selected=false } }}/*显示列表框选中的值,s是列表框的name*/function show(s){var str=""with(document.frm.elements[s])for(i=0;i<length;i++)if(options[i].selected)str+="\n第"+(i+1)+"个option:\ntext:"+options[i].text+" value:"+options[i].valuealert(str)}function sortArr(a,b){if(a.text>b.text)return 1if(a.text<b.text)return -1return 0}//--></script><form name="frm"><select name="a" size="5" style="width:100" multiple><option value="a1">1</option><option value="a2">2</option><option value="a3">3</option><option value="a4">4</option></select><input type=button value=">>" onclick="move('a','b',1)"><input type=button value=" > " onclick="move('a','b')"><input type=button value=" < " onclick="move('b','a')"><input type=button value="<<" onclick="move('b','a',1)"><select name="b" size="5" style="width:100" multiple><option value="b1">a</option><option value="b2">b</option><option value="b3">c</option><option value="b4">d</option><option value="b5">e</option></select><br/><input type=button value="up" onclick="move_self('a',1)"><input type=button value="down" onclick="move_self('a',-1)"><input type=button value="up" onclick="move_self('b',1)"><input type=button value="down" onclick="move_self('b',-1)"><input type=button value="get a's value" onclick="show('a')"><input type=button value="get b's value" onclick="show('b')"></form></body> 选择Option左右移动,以及手工排序(20030408):http://jkisjk.vip.sina.com/html/moveRightOrLeft.htm 正则判断被除数不为0 AES在C#中加密到Js中解密 Jquery能实现网页窗口全屏吗?(类型电影播放那样的全屏) 图片淡入淡出的问题,请帮忙! Javascript 设置程序停顿时间 播放器有一个调进度的滑竿怎么样做呀 求答: 送大团结 问下自动关闭或者是自动跳转的语句怎么写 高手请教:右键菜单如何实现复制和粘贴功能 uniapp开发app 软键盘自带的收起按钮有什么事件怎么判别 敬请调试改正程序(调用随机数函数等),在线等。谢谢!!! parent....
<script language="JavaScript">
<!--
/*move(s1,s2,flag):s1是源列表框,s2是目的列表框,flag是是否全部移动*/
function move(s1,s2,flag){
var tem=new Array();
var sa=document.frm.elements[s1];
var sb=document.frm.elements[s2];
var s=sa.selectedIndex>-1?1:0
with(sa)
for(i=length-1;i>=0;i--)
if(options[i].selected||flag){tem[tem.length]=options[i];options[i]=null}
if(s||flag){
for(i=0;i<sb.length;i++)tem[tem.length]=sb.options[i]
with(sb){
length=0;
tem.sort(sortArr)
for(i=0;i<tem.length;i++)options[length]=new Option(tem[i].text,tem[i].value)
}
}
}/*move_self(s,flag):s是列表框name,flag(1,-1),是上移或下移*/
function move_self(s,flag){
var sa=document.frm.elements[s]
var tem;
with(sa){
if(flag==1){
if(selectedIndex>0)
for(i=0;i<length;i++)
if(options[i].selected){
tem_text=options[i].text;tem_value=options[i].value
options[i].text=options[i-1].text;
options[i].value=options[i-1].value;
options[i-1].text=tem_text;options[i-1].value=tem_value
options[i-1].selected=true;options[i].selected=false
}
}
else
for(i=length-1;i>=0;i--)
if(options[i].selected){
if(i==length-1)break;
tem_text=options[i].text;tem_value=options[i].value
options[i].text=options[i+1].text;
options[i].value=options[i+1].value;
options[i+1].text=tem_text;options[i+1].value=tem_value
options[i+1].selected=true;options[i].selected=false
}
}
}/*显示列表框选中的值,s是列表框的name*/
function show(s){
var str=""
with(document.frm.elements[s])
for(i=0;i<length;i++)
if(options[i].selected)str+="\n第"+(i+1)+"个option:\ntext:"+options[i].text+" value:"+options[i].value
alert(str)
}function sortArr(a,b){
if(a.text>b.text)return 1
if(a.text<b.text)return -1
return 0
}
//-->
</script>
<form name="frm">
<select name="a" size="5" style="width:100" multiple>
<option value="a1">1</option>
<option value="a2">2</option>
<option value="a3">3</option>
<option value="a4">4</option>
</select>
<input type=button value=">>" onclick="move('a','b',1)">
<input type=button value=" > " onclick="move('a','b')">
<input type=button value=" < " onclick="move('b','a')">
<input type=button value="<<" onclick="move('b','a',1)">
<select name="b" size="5" style="width:100" multiple>
<option value="b1">a</option>
<option value="b2">b</option>
<option value="b3">c</option>
<option value="b4">d</option>
<option value="b5">e</option>
</select><br/>
<input type=button value="up" onclick="move_self('a',1)">
<input type=button value="down" onclick="move_self('a',-1)">
<input type=button value="up" onclick="move_self('b',1)">
<input type=button value="down" onclick="move_self('b',-1)">
<input type=button value="get a's value" onclick="show('a')">
<input type=button value="get b's value" onclick="show('b')">
</form>
</body>
http://jkisjk.vip.sina.com/html/moveRightOrLeft.htm