Angular6中左右两个option进行单选和多选项的转移

其中htm代码如下：

 
角色：全选 全否角色分配：{item.id}} *ngFor="let item of notMaRoleData" status="item.id">{{item.roleName}}{item.id}} *ngFor="let item of maRoleData"  status="item.id">{{item.roleName}}保存取消

ts代码，其中引用了jquery

 // 单个>点击右移Toright(){var sel1 = document.getElementById("sel1");var sel2 = document.getElementById("sel2");var optArr = sel1.children;for(var i=optArr.length-1;i>=0;i--){if(optArr[i]["selected"]==true){optArr[i]["selected"]=false;sel2.appendChild(optArr[i]);}}}// 单个< 左移Toleft(){var sel1 = document.getElementById("sel1");var sel2 = document.getElementById("sel2");var optArr = sel2.children;for(var i=optArr.length-1;i>=0;i--){if(optArr[i]["selected"]==true){optArr[i]["selected"]=false;sel1.appendChild(optArr[i]);}}}

建立一个新的数组，把所有需要提交的数据放到一个数组中，再转化成后台需要的数据格式。

在两个option之间有<和<<是一个或者多个向左移动，>和>>是一个或者多个向右移动，代码如下：

 // 角色分配var sel1 = document.getElementById("sel1");var sel2 = document.getElementById("sel2");// 全部向右转移$(".ctr-Btn .contrl_btn1").click(function () {var optArr = sel1.children;for(var i=0;i

 // 全选checkAll(){$(".checkAll").prop("checked",'checked');$('#sel1 option').prop("selected",'selected');$(".discheckAll").prop("checked",'');}// 全否选discheckAll(){$(".discheckAll").prop("checked",'checked');$('#sel1 option').prop("selected",'');$(".checkAll").prop("checked",'');}

本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！