带有复选框和附件的多选下拉列表搜索方法

时间:2015-02-09 16:10:17

标签: javascript html spring-mvc checkbox

有没有可以执行此操作的插件?

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

像这样:http://harvesthq.github.io/chosen/,第二个(多选),但它没有复选框。另外一个好处是可以在它上面选择所有选项,但这是可选的。 简而言之: -搜索 - 多个选项的多个复选框

感谢正手。

1 个答案:

答案 0 :(得分:1)

这与Spring没有直接关系。它更像是一个HTML / JS(前端)问题。如果您喜欢选择框在您提供的链接上的工作方式,并且它符合您的项目范围,那么您需要采取以下几个步骤:

  1. 使用Spring使用的任何HTML模板框架(无论是Themeleaf,JSP,Handlebars还是其他),正常渲染选择框。确保multiple代码中有select个属性。
  2. 下载jQuery JavaScript库并将其添加到此页面("插件"链接中所需)。
  3. 在 jQuery之后下载并将链接中的选择文件添加到您的页面
  4. described激活插件。
  5. 这里是我将如何做的简要框架(呈现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。我希望这有助于你滚动!