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 =真；
}
}
}