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

  • 相关阅读:
    第二高的薪水
    leecode 删除排序数组中的重复项
    leecode 17. 电话号码的字母组合
    dubbo 限流之TpsLimitFilter
    G1总结
    leecode 3. 无重复字符的最长子串
    mysql是如何解决脏读、不可重复读、幻读?
    归并排序
    PostgreSQL管理数据库安全
    Oracle Database 19c 技术架构(三)
  • 原文地址:https://www.cnblogs.com/12go/p/2259083.html
Copyright © 2011-2022 走看看