<>强实现功能:
1。左边的下拉框内容添加到右边的下拉框,支持多选移动,且同时将右边的下拉框对象移除;
2。支持列表中项目上下位置的移动;
3。效果图如下:
Html代码
& lt; HTML>
& lt; HEAD>
& lt; TITLE>选择下拉菜单& lt;/TITLE>
& lt;元http-equiv=? type”内容=" text/html;charset=gb2312”比;
& lt;元NAME=懊枋觥蹦谌?吧健钡脑?
& lt;/HEAD>
& lt; BODY>
& lt; p>选定一项或多项然后点击添加或移除(按住转变或ctrl可以多选),或在选择项上双击进行添加和移除灵活;/p>
& lt;形式方法=name=癿yform”比“post”;
& lt;表边界=" 0 "宽度=" 300 "比;
& lt; tr>
& lt; td宽度=?0%”比;
& lt;选择多个name=" list1 "大??2”比;
& lt;选项值=" https://www.yisu.com/zixun/北京”在北京& lt;/option>
& lt;选项值=" https://www.yisu.com/zixun/上海”在上海& lt;/option>
& lt;选项值=" https://www.yisu.com/zixun/山东”的在山东& lt;/option>
& lt;选项值=" https://www.yisu.com/zixun/安徽”在安徽& lt;/option>
& lt;选项值=" https://www.yisu.com/zixun/重庆”在重庆& lt;/option>
& lt;选项值=" https://www.yisu.com/zixun/福建”在福建& lt;/option>
& lt;选项值=" https://www.yisu.com/zixun/甘肃”在甘肃& lt;/option>
& lt;选项值=" https://www.yisu.com/zixun/广东”的在广东& lt;/option>
& lt;选项值=" https://www.yisu.com/zixun/广西”的在广西& lt;/option>
& lt;选项值=" https://www.yisu.com/zixun/贵州”的在贵州& lt;/option>
& lt;选项值=" https://www.yisu.com/zixun/海南”在海南& lt;/option>
& lt;选项值=" https://www.yisu.com/zixun/河北”在河北& lt;/option>
& lt;选项值=" https://www.yisu.com/zixun/黑龙江”的在黑龙江& lt;/option>
& lt;/select>
& lt;/td>
& lt; td宽度=?0%”=爸行摹痹诙云?
& lt;输入类型="按钮" value=" https://www.yisu.com/zixun/添加“祝辞& lt; br/比;
& lt; br/比;
& lt;输入类型="按钮" value=" https://www.yisu.com/zixun/删除“比;
& lt;/td>
& lt; td宽度=?0%”比;
& lt;选择多个名称==?2”比“用于”大小;
& lt;/select>
& lt;/td>
& lt; td>
& lt;按钮类型=鞍磁ァ痹谏弦? lt;/button>
& lt; br/比;
& lt;按钮类型=鞍磁ァ弊４窍乱? lt;/button>
& lt;/td>
& lt;/tr>
& lt;/table>
值:& lt; input type=" text " name="城市"大??0”比;
& lt;/form>
& lt;脚本语言=癑avaScript”比;
& lt; !
函数moveOption (e1, e2) {
尝试{
我(var=0; i< e1.options.length;我+ +){
如果(e1.options[我].selected) {
var e=e1.options[我];
e2.options。添加新选项(e。文本、e.value));
e1.remove(我);
第二张=}
}
document.myform.city.value=https://www.yisu.com/zixun/getvalue (document.myform.list2);
}
抓住(e) {}
}
函数getvalue (geto) {
var allvalue=" ";
我(var=0; i< geto.options.length;我+ +){
allvalue +=geto.options[我]。值+”、“;
}
返回allvalue;
}
函数changepos (obj,索引)
{
如果(指数==1){
如果(obj.selectedIndex> 0) {
obj.options (obj.selectedIndex) .swapNode (obj.options (obj.selectedIndex-1))
}
}
else if(指数==1){
如果(obj.selectedIndex
& lt;/BODY>
& lt;/HTML>之前
以上所述是小编给大家介绍的JS实现左边列表移到到右边列表功能,希望对大家有所帮助,如果大家有任何疑问请给我留的言,小编会及时回复大家的。在此也非常感谢大家对网站的支持!
