使用框架实现挑选添加实现后台权限添加的效果
呃。其实很简单的东西啦。页面的图两个列表都可以多选,实现如下效果:1、双击第一个列表中任意一个列表项,实现向下添加2、双击第二个列表中任意一个列表项,实现删除,2、点击按钮,实现对应功能
超文本标记语言代码复制代码代码如下:表单名称='form1 '方法='post '操作选择id=' select1 '大小='5 '多重样式='width:100px '选项值='111 '北京/option选项值='222 '上海/option选项值='333 '广州/option选项值='333 '山东/option选项值='333 '常州/option /selectbr/br/输入类型='button' id='button1 '值='添加输入类型='button' id='button2 '值='删除br/br/select id=' select 2 ' size=' 5 ' multiple style=' width :100 px '/select/form jquery代码复制代码代码如下:脚本src=' http : js/jquery-1.6。js /脚本脚本脚本类型='text/javascript' $(文档)。ready(function(){ $('#select1 ')).dbl click(function(){ $(' # select 1 : selected ')).appendo($(' # select 2 ');});$('#select2 ').dbl click(function(){ $(' # select 2 : selected ')).appendo($(' # select 1 ');});$('#button1 ').单击(function(){ $(' # select 1 options : selected ').appendo($(' # select 2 ');});$('#button2 ').单击(function(){ $(' # select 2 options : selected ').appendo($(' # select 1 ');});})/脚本
版权声明:使用框架实现挑选添加实现后台权限添加的效果是由宝哥软件园云端程序自动收集整理而来。如果本文侵犯了你的权益,请联系本站底部QQ或者邮箱删除。