首页 > 代码库 > 两个列表之间移动数据

两个列表之间移动数据

<style type="text/css">

*{ margin:0px auto; padding:0px; font-family:微软雅黑; font-size:14px;}

 

</style>

 

</head>

<body>

 

<div style="width:600px; height:500px; margin-top:20px">

      

    <div style="width:200px; height:300px; float:left">

    <select id="list1" size="10" style="width:200px; height:300px">

           <option>山东</option>

        <option>北京</option>

        <option>河北</option>

        <option>黑龙江</option>

        <option>河南</option>

    </select>

    </div>

    <div style="width:80px; height:300px; float:left">

          

        <input type="button"  value="http://www.mamicode.com/单移" id="btn1" style="width:70px; height:30px" onclick="Dan()"/>

         <input type="button"  value="http://www.mamicode.com/全移" id="btn2" style="width:70px; height:30px" onclick="Duo()"/>

          

    </div>

    <div style="width:200px; height:300px; float:left">

     <select id="list2" size="10" style="width:200px; height:300px">

     </select>

    </div>

   

   

   

</div>

两个列表之间移动数据