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

本文分享了如何使用JavaScript实现下拉菜单选项的左右移动功能。通过示例代码,展示了如何在下拉菜单中添加和移除选项,以及如何在不同位置之间切换选项。文章提供了详细的操作示例和相关CSS样式,有助于读者理解和应用。
摘要由CSDN通过智能技术生成

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

效果图如下所示:

a20ac60223e130a0ad2869edee6d5a0e.png

代码如下所示:

选择式下拉菜单

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)

{

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值