奈寻味导航网 » 文章资讯 » 基于bootstrap实现多个下拉框同时搜索功能

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

2024-01-27 05:30:04 163

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

1.第一个下拉框代码






请选择数据资源

<#listdata.copyfromListasentity>
<#if(entity.type??&&entity.type=='1')>
selected>${entity.alias!}




<#listdata.copyfromListasentity>
<#if(entity.type??&&entity.type=='7')>
selected>${entity.alias!}




<#listdata.copyfromListasentity>
<#if(entity.type??&&entity.type=='8')>
selected>${entity.alias!}

2.第二个下拉框代码







<#listdata.categoriesasentity>
selected>${entity.id}-${entity.name}

3.后台js代码（url参数整理）

bindEvents:function(){
varself=this,dom=self.element;
$('select[name="copyfrom"]',dom).change(function(event){
self.params.copyfrom=$(this).val();
varurl=self.formatParams(self.params);
window.location.href="cekasp_article.htm"+url;
});

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

}

formatParams:function(params){
varself=this;
varurl="";
for(varparaminparams){
if(params[param]){
url+=param+"="+params[param]+"&";
}
}
if(url.length>0){
url="?"+url.substring(0,url.length-1);
}
returnurl;
}

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

StringcategoryId=request.optString("cid");
if(!ValidateUtil.isNull(categoryId)){
//加载栏目信息
JSONObjectjsonCategory=toJSONObject(adminService.loadById(CekaspCategory.class,categoryId));
response.put("category",jsonCategory);
param.addFilter("id",FilterType.IN,articleIdList,1);

}

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

}

ListarticleList=adminService.list(CekaspArticle.class,param);

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持毛票票。

返回顶部
3162201930
czq8825@qq.com

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

热门推荐

随机推荐