需要:
以下放入头部
1.chosen.css
2.style.css(可不要)
放入网页的尾部
1.jquery.min.js
2.chosen.jquery.js
3.init.js
用法:只需要在select标签加入class="chosen-select" tabindex="2"
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<link rel="stylesheet" href="docsupport/style.css">
<link rel="stylesheet" href="chosen.css">
</head>
<body>
<div>
<select name="applianceCategory" id="applianceCategory" data-placeholder="选择器具类别"
class="chosen-select" tabindex="2">
<option value=""></option>
<option value="几何量">几何量</option>
<option value="热学">热学</option>
<option value="力学">力学</option>
<option value="电磁学">电磁学</option>
<option value="时间频率">时间频率</option>
<option value="理化">理化</option>
<option value="其他">其他</option>
</select>
</div>
<script src="docsupport/jquery-3.2.1.min.js" type="text/javascript"></script>
<script src="chosen.jquery.js" type="text/javascript"></script>
<script src="docsupport/init.js" type="text/javascript" charset="utf-8"></script>
</body>
</html>