<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title></title>
<script type="text/javascript" src="http://libs.baidu.com/jquery/1.9.1/jquery.js"></script>
</head>
<body>
<select multiple="multiple" size="8" style="width:110px;" id="one">
<option>我是霸域鞋子</option>
<option>我是霸域肩膀</option>
<option>我是霸域腰带</option>
<option>我是霸域上衣</option>
<option>我是霸域护腿</option>
</select>
<button id="p">批量右移</button>
<button id="a">全部右移</button>
<select multiple="multiple" size="8" style="width:110px;" id="two">
</select>
<script>
$(function(){
$('#p').click(function(){
$("#one option:selected").appendTo('#two');
$("#one option:selected").remove();
})
$('#a').click(function(){
$("#one option").appendTo('#two');
$("#one option").remove();
})
})
</script>
</body>
</html>
下拉列表里的移动
最新推荐文章于 2021-06-03 18:33:45 发布