使用select2模糊查询下拉框

使用select2模糊查询下拉框

• 介绍：select2是jQuery插件，是一款非常强大的模糊搜索的下拉框，适用于安卓，iOS和各种浏览器等。

• 需要引用:select2.min.css和select2.min.js

• css和js下载地址：链接：https://pan.baidu.com/s/1nJ83Z1nXxUNhtVfnL6UyAg 提取码：s8e8
  复制这段内容后打开百度网盘手机App，操作更方便哦

• 简单的使用
  1.引用css和js
  2.引用js-select2

  <select id="nowProject" class="js-select2"></select>
  

  // 调用方法，从数据库获取值

   function initSelect(){
   	$.ajax({
   		type : 'POST',
   		url : "url地址",
   		data : {},
   		dataType : 'json',
   		success : function(data) {
   			if (data.length>0) {
   				var html="<option>请选择</option>";
   				for (var i = 0; i < data.length; i++) {
   					html+=	'<option  value="' +data[i].Id + '">'+data[i].name  + '</option>';
   				}
   				$("#nowProject").empty().append(html);//为select赋值
   				$("#nowProject").select2(); //调用select2（）方法
   				$(".select2").css("width","100%");//设置下拉框的宽度为100%，js设置的宽度过小
   			}
   		}
     	 })；
     }
  

标签：查询,html,select2,js,data,下拉框,css
来源： https://blog.csdn.net/qq_40002311/article/details/99870550