select 多选的方法
2018-01-11 11:20
295 查看
<div class="select-bar"> <select multiple="multiple" id="select1" name="evalId1"> <c:forEach items="${evalList }" var="ev"> <option value="${ev.eval_id }">${ev.eval_type}</option> </c:forEach> </select> </div> <div class="btn-bar"> <span id="add_evalId"><input type="button" class="btn" value=">"/></span><br /> <span id="add_all_evalId"><input type="button" class="btn" value=">>"/></span><br /> <span id="remove_evalId"><input type="button" class="btn" value="<"/></span><br /> <span id="remove_all_evalId"><input type="button" class="btn" value="<<"/></span> </div> <div class="select-bar"> <select multiple="multiple" id="select2"></select> </div> //移到右边 $('#add_evalId').click(function(){ //获取选中的选项,删除并追加给对方 $('#select1 option:selected').appendTo('#select2'); }); //移到左边 $('#remove_evalId').click(function(){ $('#select2 option:selected').appendTo('#select1'); }); //全部移到右边 $('#add_all_evalId').click(function(){ //获取全部的选项,删除并追加给对方 $('#select1 option').appendTo('#select2'); }); //全部移到左边 $('#remove_all_evalId').click(function(){ $('#select2 option').appendTo('#select1'); }); //双击选项 $('#select1').dblclick(function(){ //绑定双击事件 //获取全部的选项,删除并追加给对方 $("option:selected",this).appendTo('#select2'); //追加给对方 }); //双击选项 $('#select2').dblclick(function(){ $("option:selected",this).appendTo('#select1'); }); //获取select选择的值 var evalIds=""; var obj = document.getElementById('select2'); var options = obj.options; for(var i=0,len=options.length;i<len;i++){ var opt = options[i]; evalIds+=opt.value+","; }
相关文章推荐
- JS左边select内容选择到右边select内容里面的js实现方法(可以多选和全选)
- iview中Select 选择器多选校验方法
- 左边select内容选择到右边select内容里面的js实现方法(可以多选和全选)
- js Select下拉列表框进行多选、移除、交换内容的具体实现方法
- Struts下html:select可以多选时的处理方法
- 左边select内容选择到右边select内容里面的js实现方法(可以多选和全选)
- bootstrap multiselect 多选功能实现方法
- Js读取select多选的几种方法
- 使用Java获取html中Select,radio多选的值方法
- 左边select内容选择到右边select内容里面的js实现方法(可以多选和全选)
- 两个Select标签内容多选切换之jquery方法
- jquery操作select下拉框的多种方法(选中,取值,赋值等
- Linux网络编程 五种I/O 模式及select、epoll方法的理解
- 取代DataTable.Select方法,并动态拼接Lambda表达式
- SSH框架-unexpected token: * near line 1, column 8 [select * from tb_chaper where course_id = 2];报错解决方法
- 应用select 函数控制多线程中子线程结束方法
- mybatis selectMap方法使用注意事项
- Hibernate JPA中insert插入数据后自动执行select last_insert_id()解决方法
- input和textarea标签的select()方法----选中文本框中的所有文本
- html select下拉框上显示空的实现方法