zoukankan      html  css  js  c++  java
  • jQuery学习: 实现select multiple左右添加和删除功能

    /**
     *动态的给左边的下拉列表创建选项
     *具体情况可以从数据库读取数据动态创建选项
     */
    $(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("请选择要删除的分包!");
               }
         })
    })

  • 相关阅读:
    jsgraphics插件图形库
    MySQL 基础知识
    第四天:任务开始——网络驱动
    第三天:软件著作权申请
    第二天:办公流程及软件安装
    第一天:products和一些感想
    IMX6Q RTC驱动分析
    PLATFORM设备驱动
    字符设备驱动以及杂项设备驱动
    C程序编译过程及优化选项介绍
  • 原文地址:https://www.cnblogs.com/12go/p/2259083.html
Copyright © 2011-2022 走看看