select2下拉模糊查询单选

最新推荐文章于 2024-05-28 14:54:17 发布

Team丶sky

最新推荐文章于 2024-05-28 14:54:17 发布

阅读量6.7k

点赞数 1

分类专栏： Js/jq开发、问题总结文章标签： select2

本文链接：https://blog.csdn.net/a18050712434/article/details/52549925

版权

5 篇文章 0 订阅

订阅专栏

前台配置

1. 在head标签内添加样式如下列子（请正确选择地址并且放在第一位）

<head>

<linkhref="<%=request.getContextPath()%>/js/plugins/select2-4.0.3/select2.css"rel="stylesheet" />

</head>

2. 在select标签内添加class="multiSelect"（如果没有成功请先将class内其他删除）

<c:forEach items="${XXX}" var="XXX">

<optionvalue="${XXX.id}" >${XXX.name}</option>

</c:forEach>

</select>

3. 添加jquery.min.js?v=2.1.4和select2.js包（请正确选择地址并且将这两条放在放在前排位置）

<scriptsrc="<%=request.getContextPath()%>/js/jquery.min.js?v=2.1.4"></script>

<scriptsrc="<%=request.getContextPath()%>/js/plugins/select2-4.0.3/select2.js"></script>

后台

4. 在Controller中写入相应方法例如

public void gotoXXX(){
    List XXX = ObjectService.XXXService.getByXXX();
    setAttr("XXX",XXX);
    render("/WEB-INF/view/XXX/XXX/XXX.jsp");

5. 在Service中写入相应方法例如

public List getByXXX(){
    String sql="对应sql语句";
    List result = Db.find(sql);
    return result;
}

注意：XXX命名并不固定但是请确保前后命名一致

关注

专栏目录