带有复选框和搜索方法的多 select 下拉菜单

Question

有没有可以做到这一点的插件？

我有一个 Spring MVC 项目，所以它需要在 html/JavaScript/java 中..

类似这样的东西：http://harvesthq.github.io/chosen/，第二个（多个 Select），但它没有复选框。在它上面加上 select all 选项也是一件好事，但这是可选的。简而言之： -搜索 -多选多选

感谢正手。

Answer 1

这与 Spring 没有直接关系。这更像是一个 HTML/JS（前端）问题。如果您喜欢 select 框在您提供的 link 上的工作方式，并且它适合您的项目范围，那么您需要采取以下几个步骤：

使用与 Spring 一起使用的任何 HTML 模板框架（无论是 Themeleaf、JSP、Handlebars 还是其他）都可以正常渲染 select 框。确保 select 标签中有 multiple 属性。
下载 jQuery JavaScript 库并将其添加到此页面（link 中的 "plugin" 需要）。
从 link 下载 Chosen 文件并将其添加到您的页面 after jQuery.
激活插件为described。

这是我将如何做的简要框架（呈现 HTML，而不是模板；这取决于实现）：

<html>
  <head>
  </head>
  <body>
    <select class="chosen-select" multiple>
      <option value="1">Option 1</option>
      <option value="2">Value 2</option>
    </select>
    <script src="https://code.jquery.com/jquery-1.11.2.min.js"></script>
    <script src="/path/to/resources/chosen.jquery.min.js"></script>
    <script>
      $(document).ready(function() {
        $(".chosen-select").chosen();
      });
    </script>
  </body>
</html>

我肯定会建议阅读 jQuery 和 JavaScript 的所有内容。我希望这可以帮助您滚动！

带有复选框和搜索方法的多 select 下拉菜单

Multi select dropdown with checkbox & search method

html

javascript

checkbox

spring-mvc