zoukankan      html  css  js  c++  java
  • select2

    function selectInt(url,id,type,par,defalutValue, params){
        $(id).empty();
         $.ajax({
                url:url,
                //url:'/api/rds/applyAuthForRds',
                dataType: 'json',
                type: 'POST',
                data: params,
                success:function (responseData){
                    if(responseData.code==200){
                         var data=JSON.parse(responseData.data);
                        // data=responseData.data[0].lists.enterprise_industry;
                        data=data.lists[par];
                        //console.log(data.lists.enterprise_industry);
                        var selectData=[];
                        if(type){
                            selectData.push({id:'',text:''});//是否是必选的操作,如果不是  第一个是空意为不是必填
                        }
    //                    if(defalutValue !== ''){
    //                        selectData.push({id:defalutValue,text:defalutValue});//是否是必选的操作,如果不是  第一个是空意为不是必填
    //                    }
                        $.each(data,function(i,v){
                            //console.log(v.value);
                            selectData.push({id:v.value,text:v.value});
                        });
                        $(id).select2({
                              data: selectData,
                              placeholder:'请选择',
                              allowClear:true,
                               //theme: "classic",
                               //230,
                              // height:30,
                             //   tags:true,  它为true时  搜索‘ss’结果就是ss  为false时搜‘ss’如果没有对应的结果  就会提示‘无结果’// multiple:false,
    //                          maximumSelectionLength: 5,
                              templateSelection:function(arg){
                                      
                                    return arg.text;
                                    //左用选择的在文本可见
                              },
                              templateResult:function(arg){
                                
                                  return arg.text;
                                  
                              }
    //                          initSelection:function(){
    //                             
    //                          }
                            });
                    
    //                     $(id).select2().select2('val', defalutValue)//设定select 中的selected        
    //                      $(id).change();//告诉select2代码已经更新,需要重载
                    }//if
                    if(defalutValue === ''){
                        $(id).val(["无"]).select2();
                    }else{
                        $(id).val([defalutValue]).select2();
                    }
                }//succ
                      
             });//ajax end
    }
    <!DOCTYPE html>
    <html>
        <head>
            <meta charset="UTF-8">
            <title></title>
            <link href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.3/css/select2.min.css" rel="stylesheet" />
            
        </head>
        <body>
            <select id='sels' class="js-example-basic-multiple">>
            
            </select>
            <span id="span">查询</span>
            <script src="js/jquery-2.2.1.min.js"></script>
            <script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.3/js/select2.min.js"></script>
            <script type="text/javascript">
                $(function(){
                    var data = [{ id: '', text: '' },{ id: '1', text: 'enhancement' }, { id: '2', text: 'bug' }, { id: 'duplicate', text: 'duplicate' }, { id: 'invalid', text: 'invalid' }, { id: 'wontfix', text: 'wontfix' }];
                    $("#sels").select2({
                      data: data,
                      placeholder:'请选择',
                      allowClear:true,
                       theme: "classic",
    //                   tags:true,  它为true时  搜索‘ss’结果就是ss  为false时搜‘ss’如果没有对应的结果  就会提示‘无结果’
                      300,
                      height:100,
                      multiple:false,
                      templateSelection:function(arg){
                            //console.log(123);
                            return arg.text;
                            //左用选择的在文本可见
                      },
                      templateResult:function(arg){
                          //console.log(456);
                          return arg.text;
                          
                      }
    //                  initSelection:function(){
    //                      console.log('aa');
    //                  }
                    });
                    var span=document.getElementById('span');
                    $('#span').on('click',function(){
                        console.log($("#sels").val());
                    });
                    
                    $("#sels").on("change",function(e){
                        
                      console.log(123);
                    })
                });
            </script>
        </body>
    </html>
  • 相关阅读:
    有return的情况下try catch finally的执行顺序
    java面试题
    JSTL常用标签
    文件引入路径设置
    JavaScript配合button.onclick()使用总结
    Java NIO vs IO
    如何在Oracle官网下载历史版本JDK
    常量池之String.intern()方法
    MyeclipseJRE版本设置
    JVM常用参数配置
  • 原文地址:https://www.cnblogs.com/zjpzjp/p/7575685.html
Copyright © 2011-2022 走看看