在项目中,我们需要实施以下效果内容:
具体的源代码如下所示:
两个盒子页面源代码:
选定角色:
主任
医生
护士
前台
办公室
<
输入类型 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 =真;
}
}
}