Jquery实现selectmultiple左右添加和删除功能的简单实例.docxVIP

下面小编就为大家带来一篇 Jquery实现select multiple左右添加和删除功能的简单实例。 小编觉得挺不错的，现在就分享给大家，也给大家做个参考。 项目要实现这样的一个功能(如下图所示):选择左边下拉列表框中的选项，点击添加按钮 把选择的选项移动到右边的下拉列表框中 ，同样的选择右边的选项，点击删除按钮，即把选择该文档为文档投稿赚钱网作品，版权所有，违责必纠 的选项移动到左边的下拉列表框中 ?相信用js很多朋友都写过，下面是我用jQuery来实现这样该文档为文档投稿赚钱网作品，版权所有，违责必纠 的功能的。 代码如下： lt;ce ntergt; n bsp;lt;tablegt; n bsp;lt;tr alig n=cen ter gt; n bsp; lt;td colspa n=3gt; nbsp;选择 n bsp; lt;/td gt; n bsp;lt;/trgt; n bsp;lt;trgt; n bsp; lt;td gt; n bsp; lt;select id=fb_list name=fb_list multiple=multiple该文档为文档投稿赚钱网作品，版权所有，违责必纠 n bsp; size=8 style=width: 300px; height:200px; gt;该文档为文档投稿赚钱网作品，版权所有，违责必纠 n bsp; lt;/select gt; n bsp; lt;/td gt; n bsp; lt;td gt; nbsp; lt;input type=button id=selectup name=selectup value= 上移人/gt;该文档为文档投稿赚钱网作品，版权所有，违责必纠 n bsp; lt;br/gt; n bsp; lt;i nput type=butto n id=add name=add value= 添加 gt; gt; /gt;该文档为文档投稿赚钱网作品，版权所有，违责必纠 n bsp; lt;br/gt; nbsp; lt;input type=button id=delete name=delete value=lt;It; 移除 ” /gt;该文档为文档投稿赚钱网作品，版权所有，违责必纠 n bsp; lt;br/gt; n bsp; nbsp; lt;input type=button id=selectdown name=selectdown value= 下移 V /gt;该文档为文档投稿赚钱网作品，版权所有，违责必纠 n bsp; lt;/td gt; n bsp; lt;td gt; n bsp; lt;select id=select_list n ame=select_list multiple=multiple该文档为文档投稿赚钱网作品，版权所有，违责必纠 n bsp; size=8 style=width: 300px; height:200px; gt;该文档为文档投稿赚钱网作品，版权所有，违责必纠 n bsp; lt;/select gt; n bsp; lt;/td gt; n bsp;lt;/trgt; n bsp;lt;/tablegt; n bsp;lt;/ce ntergt; $(fun ctio n(){ n bsp;$.post(testAct ion! excute.acti on, null,fu nction( data){该文档为文档投稿赚钱网作品，版权所有，违责必纠 n bsp; // var to_data = eval((+data+));该文档为文档投稿赚钱网作品，版权所有，违责必纠 n bsp;var array = eval(data); n bsp; var obj = docume nt.getEleme ntByld(fb_list);该文档为文档投稿赚钱网作品，版权所有，违责必纠 n bsp; var value =; n bsp; for(var i=0;il t;arra y.len gth;i++){该文档为文档投稿赚钱网作品，版权所有，违责必纠 n bsp; n bsp;value = array[i].id + / + array[i]. name + / + array[i].tel;该文档为文档投稿赚钱网作品，版权所有，违责必纠 n bsp; n bsp;obj.optio ns[i] = new Opti on( value,value);该文档为文档投稿赚钱网作品，版权所有，违责必纠 n bsp; n bsp;//obj.add( newOpti on); n bsp; n bsp;} n bsp; }) }); //向右