国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

使用jquery實現select添加實現后臺權限添加的效果

2019-11-20 23:48:17
字體:
來源:轉載
供稿:網友

呃。其實很簡單的東西啦。頁面的圖

兩個列表都可以多選,

實現如下效果:

1、雙擊第一個列表中任意一個列表項,實現向下添加

2、雙擊第二個列表中任意一個列表項,實現刪除,

2、點擊按鈕,實現對應功能。

Html代碼

復制代碼 代碼如下:

<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代碼
復制代碼 代碼如下:

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

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 六枝特区| 九江市| 定兴县| 金秀| 和林格尔县| 凤山市| 五原县| 岳池县| 临夏市| 揭阳市| 白玉县| 城口县| 安宁市| 湘阴县| 饶河县| 清徐县| 集安市| 柳林县| 普兰县| 罗山县| 丰宁| 扎兰屯市| 宁乡县| 连山| 桐乡市| 南丹县| 改则县| 措美县| 恭城| 蕉岭县| 定陶县| 子洲县| 大田县| 丰县| 吉木乃县| 郑州市| 舒兰市| 云安县| 平阳县| 滁州市| 滁州市|