bootstrap-select 模糊查询以及动态下拉详细教程

Java开发交流群 677807540   大家可以一起讨论技术欢迎加入  (需要js可以加群下载)

1：首先引入所需要的js

2：select  框

3：获取数据ajax  我这里是页面加载的时候就去后台获取数据了。

$(function() {	          
		 
		
		 $.ajax({
	         type: 'post',
	         url: "sysDepartment.action?method=getNames",
	         contentType: 'application/x-www-form-urlencoded;charset=UTF-8',
	         dataType:   "json",
	         success: function (data) {
	        	//获取数据成功时进行循环拼接下拉框
	             var tempIdStr = '选择';
	             $("#superdeptcode").append(tempIdStr);
	             for (var i = 0; i < data.length; i++) {
                     var add_options = ''+ data[i].DEPTNAME + '';
                      $('#superdeptcode').append(add_options);
                  }
	              //这一步很重要   更新
	             $('#superdeptcode').selectpicker('refresh');
	         }
	     });
	     
			});

4：后台controller 获取数据代码   其他的就不展示了很简单   最后还有效果图展示。

/*
	 * 模糊获取上级
	 * 
	 * */
	@RequestMapping(params = "method=getNames")
	public @ResponseBody List getNames() {
		List list = sysDepartmentService.getNames();
		
		return list;
	}

5：显示效果图   这里会模糊查询所填写的汉子。