//多显示下拉菜单 两布局跳转案例
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<style type="text/css">
select{
width: 100px;
height: 200px;
}
</style>
<script src="js/jquery-1.11.1.min.js"></script>
<script type="text/javascript">
/*
*首先布局,其次开始jq添加事件,,点击多的按钮右边布局获取所有左边布局的内容
* option:selected 获取某个选中的内容
*
*/
$(function(){
//点击按钮右边布局获取左边布局全部的option
$("button").eq(0).click(function(){
$("#you").append($("#zuo option"))
})
$("button").eq(3).click(function(){
$("#zuo").append($("#you option"))
})
//点击按钮右边布局获取左边布局选中的元素