zoukankan      html  css  js  c++  java
  • select2简单例子

    1.html中静态值

    html

    <%--multiple 为多选--%>
    <select multiple id="e1">
            <option></option>
            <option value="AL">Alabama</option>
            <option value="WY">Wyoming</option>
    </select>

    js

     $(document).ready(function() { 
                $("#e1").select2({
                    placeholder: "Choose a person",
                    "200px",
                    closeOnSelect: false
                });
    });

    2.通过js赋值:

    html

    <input type="hidden" id="e2" />

    js

    var data = [{id: 0, text:'story'},{id: 1, text:'bug'},{id: 2, text: 'task'}]; 
    //或者一下形式都可,但必须是text属性
    //var data = [{"id": "0", "text": "story"},{"id": "1", "text": "bug"},{"id": "2", "text": "task"}];
    $("#e2").select2({
         "200px",
         multiple:true,
         data:data   
    });

    js

    //当数据源不是text属性时var source=[{id:0,tag:'enhancement'},{id:1,tag:'bug'},{id:2,tag:'duplicate'},{id:3,tag:'invalid'},{id:4,tag:'wontfix'}];
    function format(item) { return item.tag; }   
    $(
    "#e2").select2({ "200px", multiple:true, data:source, formatSelection: format, formatResult: format });

     3.获取值

    alert(JSON.stringify($('#e3').select2('data')))
  • 相关阅读:
    php数组·的方法1-数组的操作
    第十一章:DOM扩展
    第十章:DOM
    hxq的库
    第八章:BOM
    第七章:函数表达式2
    第七章:函数表达式
    第五章:引用类型(一)-Object和Array
    舌尖上的程序猿
    计算矩阵运算的乘法次数
  • 原文地址:https://www.cnblogs.com/flywing/p/4166653.html
Copyright © 2011-2022 走看看