zoukankan      html  css  js  c++  java
  • 关于select2的一些总结

    select2版本:4.0.5

    官方文档地址:https://select2.org/

    1.关于placeholder
    单选select想要显示placeholder必须在select标签中添加一个空白<option>标签

    例:单选select显示placeholder
    <select class="js-example-placeholder-single">
      <option></option>
    </select>
    $(".js-example-placeholder-single").select2({
        placeholder: "Select a state"
    });
    

    2.选中值
    使用jQuery的.val()方法

    // 选中单个值
    $('#mySelect2').val('1');
    $('#mySelect2').trigger('change');
    
    // 选中多个值
    $('#mySelect2').val(['1', '2']);
    $('#mySelect2').trigger('change');
    

    3.disable select组件
    通过.prop()设置属性

    $(".js-example-disabled").prop("disabled", true);
    $(".js-example-disabled-multi").prop("disabled", true);
    

    4.支持ajax异步请求数据
    支持动态url,分页等,动态生成option,解决大量数据渲染问题,(插一句:在用select2+anuglarjs编写组件时曾遭遇一万五千条数据的渲染,最初直接用的data盛放静态数据,奈何渲染造成了页面卡死,后来使用ajax+pagination,若想要设置动态生成的option的disabled属性,只需要在数据对象数组中的object添加属性disabled)

    
    

  • 相关阅读:
    TCP三次握手
    PPP(P2P)协议
    TCP协议
    SQL Server Always ON 数据同步原理
    IP地址子网掩码网关DNS
    linux修改机器名
    sqlserver迁移到mysql遇到的那些坑
    sqlserver锁和隔离级别
    用Python登录好友QQ空间点赞
    Python变量赋值的秘密
  • 原文地址:https://www.cnblogs.com/chenboxi/p/9202802.html
Copyright © 2011-2022 走看看