前端页面自定义分组

//获取全部的选项,删除并追加给对方

$(‘#select1 option’).appendTo(‘#select2’);

});

//全部移到左边

$(‘#remove_all’).click(function () {

$(‘#select2 option’).appendTo(‘#select1’);

});

//双击选项

$(‘#select1’).dblclick(function () { //绑定双击事件

//获取全部的选项,删除并追加给对方

$(“option:selected”, this).appendTo(‘#select2’); //追加给对方

});

//双击选项

$(‘#select2’).dblclick(function () {

$(“option:selected”, this).appendTo(‘#select1’);

});

});

HTML代码实现

左边栏接收来自数据库的数据

---

前台部分

<asp:Repeater ID=“repCategory” runat=“server”>

<%# Eval("ownerName") %>

</asp:Repeater>

后台部分

protected void Page_Load(object sender, EventArgs e)

{

if (!Page.IsPostBack)

{

//绑定数据库中卡表

repCategory.DataSource = new BLL.userBll().GrouName();

repCategory.DataBind();

}

}

多个选中的数据移动到右边栏以后，保存到数据库

---

前台接收

<asp:Button ID=“loginbtn” runat=“server” Text=“保存” OnClick=“btnSub_Click” UseSubmitBehavior=“false”/>

后台数据

protected void btnSub_Click(object sender, EventArgs e) { string ownerName = Request.Form["select2"]; string Gname = Request.Form["Text1"]; if (ownerName != null && Gname != null) { BLL.userBll get = new BLL.userBll(); // 添加进数据库 string[] ownerName1 = ownerName.ToString().Split(','); ** for (int i = 0; i < ownerName1.Length; i++) { get.AddOwnerToGroup(ownerName1[i], Gname); }** } else { Console.WriteLine("请选择分组人员以及分组名称哦！"); } } **for (int i = 0; i < ownerName1.Length; i++)

{

get.AddOwnerToGroup(ownerName1[i], Gname);

}**

}

else
自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

深知大多数前端工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但对于培训机构动则几千的学费，着实压力不小。自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！

因此收集整理了一份《2024年Web前端开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上前端开发知识点，真正体系化！

由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且会持续更新！

如果你觉得这些内容对你有帮助，可以扫码获取！！（备注：前端）

最后

资料过多，篇幅有限，需要文中全部资料可以点击这里免费获取前端面试资料PDF完整版！

自古成功在尝试。不尝试永远都不会成功。勇敢的尝试是成功的一半。

最后

[外链图片转存中…(img-naAEQlcT-1713730850198)]

[外链图片转存中…(img-lVcpGVZs-1713730850199)]

资料过多，篇幅有限，需要文中全部资料可以点击这里免费获取前端面试资料PDF完整版！

自古成功在尝试。不尝试永远都不会成功。勇敢的尝试是成功的一半。