下拉菜单html向右拉,基于JavaScript实现下拉列表左右移动代码

废话不多说，先给大家展示一下效果图，如果大家感觉不错，请参考实现代码。

效果图如下所示：

代码如下所示：

function moveOption(e1, e2){

try{

for(var i=0;i

if(e1.options[i].selected){

var e = e1.options[i];

e2.options.add(new Option(e.text, e.value));

e1.remove(i);

ii=i-1;

}

}

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

}catch(e){

}

}

function getvalue(geto){

var allvalue = "";

for(var i=0;i

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

}

return allvalue;

}

function changepos(obj,index)

{

if(index==-1){

if (obj.selectedIndex>0){

//obj.options(obj.selectedIndex).swapNode(obj.options(obj.selectedIndex-1)) //swapNode方法只有IE才支持

obj.insertBefore(obj.options[obj.selectedIndex], obj.options[obj.selectedIndex - 1]);

}

}else if(index==1){

if (obj.selectedIndex

//obj.options(obj.selectedIndex).swapNode(obj.options(obj.selectedIndex+1)) //swapNode方法只有IE才支持

obj.insertBefore(obj.options[obj.selectedIndex + 1], obj.options[obj.selectedIndex]);

}

}

}

body {

font-size: 16px;

color: #003300;

}

值：

选定一项或多项然后点击添加或移除(按住shift或ctrl可以多选)，

或在选择项上双击进行添加和移除。

以上所述是小编给大家介绍的基于JavaScript实现下拉列表左右移动，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持！