程序博客网 > 黑猩猩智商知乎

左侧数据移到右侧 select 实现法

来源：互联网发布：黑猩猩智商知乎编辑：程序博客网时间：2024/06/03 01:03

<!DOCTYPE html>
<html>
<head>
<meta charset=utf-8 />
<title>无标题文档</title>
<script src="http://s1.56img.com/script/lib/jquery/jquery-1.4.4.min.js" type="text/javascript"></script>
</head>

<body>
<table width="100%" cellpadding="0" align="center" class="listshow" border="0" cellspacing="0">
    <tr>
    　　<td colspan="4" align="center">班次</td>
    </tr>
<tr>
        <td class="black" width="30%" align="center" height="150">
            <select id="fb_list" multiple="multiple"　style="text-align:center;width:300px;height:200px;"></select>　
        </td>
  <td align="center" width="5%">
   <input type="button" id="add" value="添加>>" />
   <input type="button" id="delete" value="<<删除" />
  </td>
  <td class="black" width="30%" align="center">
   <select id="select_list" multiple="multiple" style=" text-align:center;width:300px;height:200px;"></select>
  </td>
</tr>
</table>

<script>
$(document).ready(function(){
for(var i=1;i<=5;i++) {
  $("#fb_list").append("<option value='"+i+"'>班次00"+i+"</option>");　
};

　　$("#add").click(function(){
  if($("#fb_list option:selected").length>0) {
   $("#fb_list option:selected").each(function(){
    $("#select_list").append("<option value='"+$(this).val()+"'>"+$(this).text()+"</option");
    $(this).remove();　
   })
  }else {
   alert("请选择要添加的班次！");
  }
});

$("#delete").click(function() {
   if($("#select_list option:selected").length>0) {
    $("#select_list option:selected").each(function(){
     $("#fb_list").append("<option value='"+$(this).val()+"'>"+$(this).text()+"</option");
      $(this).remove();　
    })
   }else {
    alert("请选择要删除的班次！");
   }
})
})
</script>
</body>
</html>

黑猩猩智商知乎

黑猩猩智商知乎

原创粉丝点击

热门问题 老师的惩罚人脸识别我在镇武司摸鱼那些年重生之率土为王我在大康的咸鱼生活盘龙之生命进化天生仙种凡人之先天五行春回大明朝姑娘不必设防，我是瞎子怀孕几周b超能查出来 b超前注意事项怎么看b超单 b超能查什么 b超能检查什么怀孕多长时间b超能查出来彩超b超 b超收费 b超彩超 b超憋尿阴道b超 b超图片 b超辐射胎儿b超腹部b超排畸b超 b超原理孕妇b超 b超图 b超照片 b超数据 b超多久 b超价格 b超预约 b超项目 b超咋做 b超时间 b超是啥 b超准吗 b超过程 b超费用 30周b超 b超为什么叫b超 b超设备医院b超检查b超 b超查 b 超 b超单子上男孩标志彩超b超区别 b超计算宝宝体重计算器