jQuery表单之 Select
来源:互联网 发布:电脑照相机软件 编辑:程序博客网 时间:2024/05/18 01:36
<script src="http://www.gamejzy.com/js/jquery.js" type="text/javascript"></script><p><select id="select1" multiple style="width:100px;height:160px;"><option value="1">选项1</option><option value="2">选项2</option><option value="3">选项3</option><option value="4">选项4</option><option value="5">选项5</option><option value="6">选项6</option><option value="7">选项7</option><option value="8">选项8</option></select> <select id="select2" multiple style="width:100px;height:160px;"></select></p><p><input type="button" value="选中添加到右边" id="add_selected" /> <input type="button" value="选中删除到左边" id="remove_selected" /></p><p><input type="button" value="全部添加到右边" id="add_all" /> <input type="button" value="全部删除到左边" id="remove_all" /></p><script type="text/javascript">$(document).ready(function(){$("#add_selected").bind('click', function(){$options = $("#select1 option:selected"); //获取选中的选项$options.appendTo('#select2'); //追加给对方})$("#remove_selected").bind('click', function(){$options = $("#select2 option:selected"); //获取选中的选项$options.appendTo('#select1'); //追加给对方})$("#add_all").bind('click', function(){$options = $("#select1 option"); //获取选中的选项$options.appendTo('#select2'); //追加给对方})$("#remove_all").bind('click', function(){$options = $("#select2 option"); //获取选中的选项$options.appendTo('#select1'); //追加给对方})})</script>
效果图展示:
- jQuery表单之 Select
- jQuery表单之 Select
- Jquery操作select、form表单
- JQuery 之 select 操作
- Jquery操作之Select
- Jquery之Select篇章
- 小心使用jquery操作select option表单
- Jquery操作表单Select元素的用法
- Jquery操作表单Select元素的用法
- Jquery操作表单Select元素的用法
- ul模拟select,jquery表单美化代码
- Jquery获取表单select元素的文本
- jQuery之表单验证
- jQuery梳理之表单
- jQuery之表单验证
- JQuery之表单校验
- jQuery处理html之select
- 表单元素之select、datalist元素
- linux c socket 开发与编译实例(转)
- Android 内存的泄露注意事项
- QoS的基本原理
- 请你珍惜对方一辈子
- 从现在开始
- jQuery表单之 Select
- HttpTunnel防火墙穿透指南
- Java 单例模式探讨
- Merge into Ibatis使用
- 利用OPENCV写的从视频中提取图片样本的小程序
- mysql 分组 排序 取时间最大的一条记录
- ORACLE压力测试工具orion
- Markdown 快速入门
- 一些常用日期处理代码