基于bootstrap实现多个下拉框同时搜索功能

前端之家收集整理的这篇文章主要介绍了基于bootstrap实现多个下拉框同时搜索功能前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

本文实例为大家分享了bootstrap实现下拉框搜索展示的具体代码,供大家参考,具体内容如下

1.第一个下拉框代码

2.第二个下拉框代码

3.后台js代码(url 参数整理)

    $('select[name="cid"]',dom).change(function(event){
    self.params.cid = $(this).val();
    var url = self.formatParams(self.params);
    window.location.href = "cekasp_article.htm" + url;
  });

}

  formatParams:function(params){
    var self = this;
    var url = "";
    for(var param in params){
    if(params[param]){
      url += param + "=" + params[param] + "&";
    }
  }
    if(url.length > 0){
      url = "?" + url.substring(0,url.length-1);
  }
    return url;
  }

4.后台java部分代码(接收参数,然后过滤器根据参数得到想要的结果)

  }

  String copyfrom = request.optString("copyfrom");
  if (!ValidateUtil.isNull(copyfrom)) {
    param.addFilter("copyfrom",FilterType.EQUALS,copyfrom);

}

 List articleList = adminService.list(CekaspArticle.class,param);

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持编程之家。

原文链接:https://www.f2er.com/bootstrap/37754.html

猜你在找的Bootstrap相关文章