页面选择列表实现逐一添加到容器中

来源:互联网 发布:软件配置管理人员职责 编辑:程序博客网 时间:2024/04/30 10:05

现象:
在页面将数据放入到一个选择框中,点击选择框中的值,就会将值添加到其他容器中。如图所示点击选择框中的名字,就会将名字添加到列表中同时选择框中对应的名字会移除!实现动态的添加!

这里写图片描述

解决办法:

1:在页面写入一个选择框,默认为不显示状态,通过按钮点击使它显示和赋值给它

这里写图片描述

2:在点击某个添加按钮的时候通过ajax加载后台数据,同时使这个选择框显示出来,加载完数据之后,循环添加选项到选择框!

这里写图片描述

3:在选择框设置点击事件添加,将点击的数据添加到表格中。然后在选择框中移除实现动态添加!

这里写图片描述

0 0
原创粉丝点击