下拉多选【bootstrap-multiselect】

1、引入资源

<link rel="stylesheet" href="${components}/bootstrap/css/bootstrap-multiselect.css">
<script src="${components}/bootstrap/js/bootstrap-multiselect.js"></script>

2、初始化

    $("#topic-select").multiselect({
        multiple: true,//开启多选
        includeSelectAllOption: true,//是否现实全选
        enableFiltering: true,//在下拉列表上设置一个搜索框
        selectAllJustVisible: true,
        selectAllText: '全选',//设置全选名 
        allSelectedText: '',
        numberDisplayed:5,//设置输入框中展示下拉列表中的内容个数
        nonSelectedText: '请选择导出题目'//设置选择下拉列表的提示语
    });

3、动态加载数据

function importSelect() {
    var qid = $("#qid-input-import").val();
    var selectedValues = $("#topic-select").val();
    // 假设你想回显的值是在数组selectedValues中
    $.ajax({
 

相关推荐

  1. bootstrap-multiselect

    2024-05-14 17:12:04       30 阅读

最近更新

  1. docker php8.1+nginx base 镜像 dockerfile 配置

    2024-05-14 17:12:04       91 阅读
  2. Could not load dynamic library ‘cudart64_100.dll‘

    2024-05-14 17:12:04       97 阅读
  3. 在Django里面运行非项目文件

    2024-05-14 17:12:04       78 阅读
  4. Python语言-面向对象

    2024-05-14 17:12:04       88 阅读

热门阅读

  1. k8s相关常用语句

    2024-05-14 17:12:04       31 阅读
  2. oraclesql中删除表中重复行的方法

    2024-05-14 17:12:04       106 阅读
  3. 遥感中常用的降维方法-UMAP介绍

    2024-05-14 17:12:04       38 阅读
  4. SpringBoot + Druid + Sqlite 文件数据库初体验

    2024-05-14 17:12:04       29 阅读
  5. nodejs + express 接口统一返回错误信息

    2024-05-14 17:12:04       35 阅读
  6. Auto.js如何打包成APK文件

    2024-05-14 17:12:04       126 阅读
  7. C++ primer plus 第五章编程练习

    2024-05-14 17:12:04       100 阅读
  8. 面试集中营—Linux篇

    2024-05-14 17:12:04       38 阅读
  9. 比特币能否跨过量子时代的这道槛?

    2024-05-14 17:12:04       31 阅读
  10. 【Python】Python中的logging模块介绍和示例

    2024-05-14 17:12:04       36 阅读
  11. 【FFmpeg】调用FFmpeg和SDL2进行解码后渲染播放

    2024-05-14 17:12:04       36 阅读