用 select 实现多选

最新推荐文章于 2024-06-11 16:39:30 发布

abo38416

最新推荐文章于 2024-06-11 16:39:30 发布

阅读量130

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/zhaoxd/archive/2013/05/31/3110203.html

版权

<HTML>

<HEAD>

<TITLE>选择下拉菜单</TITLE>

</HEAD>

<BODY>

<p>选定一项或多项然后点击添加或移除(按住shift或ctrl可以多选)，或在选择项上双击进行添加和移除。</p>

<tr>

</select>

</td>

<br/>

<br/>

<br/>

</td>

</select>

</td>

</tr>

</table>

值：<input type="text" name="city" size="40">

</form>

function moveAllOption(e1, e2){

var fromObjOptions=e1.options;

for(var i=0;i<fromObjOptions.length;i++){

fromObjOptions[0].selected=true;

e2.appendChild(fromObjOptions[i]);

i--;

}

document.myform.city.value=getvalue(document.myform.list2);

}

function moveOption(e1, e2){

var fromObjOptions=e1.options;

for(var i=0;i<fromObjOptions.length;i++){

if(fromObjOptions[i].selected){

e2.appendChild(fromObjOptions[i]);

i--;

}

document.myform.city.value=getvalue(document.myform.list2);

}

function getvalue(geto){

var allvalue = "";

for(var i=0;i<geto.options.length;i++){

allvalue +=geto.options[i].value + ",";

}

return allvalue;

}

function changepos1111(obj,index)

{

if(index==-1){

if (obj.selectedIndex>0){

obj.options(obj.selectedIndex).swapNode(obj.options(obj.selectedIndex-1))

}

else if(index==1){

if (obj.selectedIndex<obj.options.length-1){

obj.options(obj.selectedIndex).swapNode(obj.options(obj.selectedIndex+1))

}

</script>

</BODY>

</HTML>

==================效果图==============================

转载于:https://www.cnblogs.com/zhaoxd/archive/2013/05/31/3110203.html

abo38416

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
用 select 实现多选

<HTML><HEAD><TITLE>选择下拉菜单</TITLE><meta http-equiv="Content-Type" content="text/html; charset=gb2312"><META NAME="Des...
复制链接

扫一扫