jQuery插件实现select下拉框左右选择_交换内容（multisel

效果图：

使用jQuery插件---multiselect2side做法：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>无标题文档</title><link rel="stylesheet" href="jquery.multiselect2side.css" type="text/css"  /><script type="text/javascript" src="jquery-1.6.4.min.js"></script><script type="text/javascript" src="jquery.multiselect2side.js"></script><script type="text/javascript">	$().ready(function() {	     $('#searchable').multiselect2side({		 search: "待选区　　搜索：" ,		 selectedPosition: 'right',   		 moveOptions: false,   		 labelsx: '待选区',   		 labeldx: '已选区'					     });			});</script></head><body>	<table>       <tr>	   <td>	 	<select name="searchable[]" id='searchable' multiple='multiple' >		 <option value="超级管理员1">超级管理员</option>                 <option value="普通管理员2">普通管理员</option>                 <option value="信息发布员3">信息发布员</option>                 <option value="财务管理员4">财务管理员</option>                 <option value="产品管理员5">产品管理员</option>                 <option value="资源管理员6">资源管理员</option>                 <option value="管理员7">管理员</option>		</select>	   </td>       </tr>       <tr>	   <td><p id="stat"></p></td>       </tr>   </table>	</body></html>

爱程序网

Tags：jQuery插件实现select下拉框