您的位置:首页 > Web前端 > JQuery

jQuery学习: 实现select multiple左右添加和删除功能

2011-11-22 17:13 766 查看
/**
 *动态的给左边的下拉列表创建选项
 *具体情况可以从数据库读取数据动态创建选项
 */
$(document).ready(function(){
    for(var i=1;i<=5;i++)
    {
       $("#fb_list").append("<option value='"+i+"'>公开招标小型机采购00"+i+"</option>"); 
    }
})
$(function(){
  $("#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("请选择要添加的分包!");
       }
   })
})
$(function(){
      $("#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("请选择要删除的分包!");
           }
     })
})
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: