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("请选择要删除的分包!");
               }
         })
    })

  • 相关阅读:
    php获取http请求原文
    windows下安装MongoDB服务
    微服务RESTful 接口设计规范
    mysql主从复制原理及步骤
    nodejs主要框架
    redis事务机制和分布式锁
    计算机专业学生一定要学好这几门课
    redis常见7种使用场景
    js类型判断
    SQL语句:case when then的用法
  • 原文地址:https://www.cnblogs.com/12go/p/2259083.html
Copyright © 2011-2022 走看看