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

<! 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 >




原文来自：http://www.cnblogs.com/binggozhou/p/4122946.html