今日在工作中需要实现下拉框模糊查询,网上搜了资料发现select2插件比较强大,于是乎开始了简单的使用,首先要下载select2的源码包,可以直接从官网下载,如果你很懒,手动取,我下的最新版本4.0.6,链接:https://pan.baidu.com/s/17a8WixayAF7RSqTWURLLgA 密码:imnn 。
官网有demo演示,如果你像我一样 看不太懂英文,可以使用网页翻译工具翻译后查阅。下面进入教程以本人所用的代码做示例
1.页面引入select2.js和select2.css
<!-- select2下拉框插件 -->
<link rel="stylesheet" type="text/css" href="plugins/select2/dist/css/select2.css">
<script type="text/javascript" src="plugins/select2/dist/js/select2.js"></script>
2.select2初始化(函数 select2())
在javaScript中初始化select2,选中你的select标签,如id
$("#a_proName").select2();//sele