JSP中的两个框中的内容可交换性也可以添加或删除。

在项目中,我们需要实施以下效果内容:



具体的源代码如下所示:

两个盒子页面源代码:


选定角色:


主任


医生

护士

前台

办公室



<输入类型

onclick= moveoptions(document.getelementbyid('rolelist),document.getelementbyid('roleids '));

>
class=BTN1
onclick= moveoptions(document.getelementbyid('roleids),document.getelementbyid('rolelist '));

替代作用:<选择多个多10
id=rolelist>


工程师1

工程师2

工程师3

工程师4

工程师5

工程师6





js代码的实现:


Function moveOptions (oSource, oTarget) {
而(osource.selectedindex > 1){
var = osource选择。选择{ osource SelectedIndex };
osource.removechild(选择);
var =真;
对于(var i = 0;i < otarget.options.length;i++){
如果(opt.value = = otarget。选项{我},{价值)
标记=假;
}
}
如果(标记){
无功newopt = document.createelement(选项);
otarget.appendchild(newopt);
newopt.value = opt.value;
newopt.text = opt.text;
newopt.selected =真;
}
}
}