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

  • 相关阅读:
    Catalan数,括号序列和栈
    NOIP2017 心路历程
    [Code Festival 2017 qual A] C: Palindromic Matrix
    HIVE 数据类型
    HADOOP-HIVE学习笔记(3)- Beeline
    HADOOP-HIVE学习笔记(2) CLI
    中信证券 指标公式 笔记
    【转】Python将列表数据写入文件(txt, csv,excel)
    Python中创建二维数组
    DevExpress 控件汉化方法
  • 原文地址:https://www.cnblogs.com/12go/p/2259083.html
Copyright © 2011-2022 走看看