欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

使用jquery實(shí)現(xiàn)select添加實(shí)現(xiàn)后臺(tái)權(quán)限添加的效果

 更新時(shí)間：2011年05月28日 00:57:15   作者：  
使用jquery實(shí)現(xiàn)select添加實(shí)現(xiàn)后臺(tái)權(quán)限添加的效果，需要的朋友可以參考下。

呃。其實(shí)很簡(jiǎn)單的東西啦。頁(yè)面的圖

兩個(gè)列表都可以多選，

實(shí)現(xiàn)如下效果：

1、雙擊第一個(gè)列表中任意一個(gè)列表項(xiàng)，實(shí)現(xiàn)向下添加

2、雙擊第二個(gè)列表中任意一個(gè)列表項(xiàng)，實(shí)現(xiàn)刪除，

2、點(diǎn)擊按鈕，實(shí)現(xiàn)對(duì)應(yīng)功能。

Html代碼

復(fù)制代碼 代碼如下:

<form name="form1" method="post" action="">
<select id="select1" size="5" multiple style="width:100px " >
<option value="111">北京</option>
<option value="222">上海</option>
<option value="333">廣州</option>
<option value="333">山東</option>
<option value="333">常州</option>
</select><br/><br/>
<input type="button" id="button1" value="添加">
<input type="button" id="button2" value="刪除"><br/><br/>
<select id="select2" size="5" multiple style="width:100px " >

</select>
</form>

jquery代碼
復(fù)制代碼 代碼如下:

<script src="js/jquery-1.6.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#select1").dblclick(function () { $("#select1 :selected").appendTo($("#select2")); });
$("#select2").dblclick(function () { $("#select2 :selected").appendTo($("#select1")); });
$("#button1").click(function () { $("#select1 option:selected").appendTo($("#select2")); });
$("#button2").click(function () { $("#select2 option:selected").appendTo($("#select1")); });
})
</script>

相關(guān)文章

最新評(píng)論