js 2个select 设置multiple="multiple" ，如何通过点击一个button 将选中的那一行添加到另一个内或进行删

JavaScript013

js 2个select 设置multiple="multiple" ，如何通过点击一个button 将选中的那一行添加到另一个内或进行删,第1张

//使用时只需填写两个select的id 反向移动交换两个id即可

function mOption(select1, select2){//第一个select的id，第二个select的id

     for(var i = select1.options.length - 1  i >= 0  i--){

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

    var option = new Option(select1.options[i].text,select1.options[i].value)

    option.selected = true

    select2.options.add(option)//添加到到第二个select里面

    select1.remove(i)//从第一个里面移除

}

    }

}

首先说树形结构，国内有个开源的js控件叫zTree，支持复选。

然后下拉框你可能需要自己做一个（html输入框+右边的一个图标按钮）。

最后，用一个隐藏的div把树形结构包起来，这个div设置成绝对定位，在下拉框右侧选择按钮的单击事件处理函数里，显示这个隐藏的div，并把它的位置设置成在下拉框下面就行了。

思路就是这样，要么楼主可以找找有没有其他更现成的控件，extjs4我记得有类似的，但是他的复选功能不太符合中国习惯，也许现在的版本改好了，你可以查查试试看。