1.chosen沒有使用search_contains屬性之前的匹配效果:
2.使用屬性之後,效果:
3.代碼如下:
<!doctype html>
<html lang="en">
<head>
<meta charset="gbk">
<link rel="stylesheet" href="chosen.css">
<script src="../jquery/jquery-1.9.1.js" type="text/javascript"></script>
<script src="chosen.jquery.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#select1").chosen({
no_results_text: "暫時沒有搜索到內容",
placeholder_text : "請輸入內容",
search_contains: true,//默認搜索匹配是從第一個單詞開始,設置爲true後,匹配所有的文字
disable_search_threshold: 10
});
});
</script>
</head>
<body>
<div style="text-align: center;">
<select id="select1" style="width: 200px">
<option value='001'>湖北省十堰市<option>
<option value='002'>湖北省襄陽市<option>
<option value='003'>湖北省武漢市<option>
<option value='004'>湖北省孝感市<option>
<option value='005'>湖北省黃岡市<option>
<option value='006'>湖南省長沙市<option>
<option value='007'>湖南省張家界<option>
<option value='008'>湖南省肖秀成<option>
<option value='009'>河北省邯鄲市<option>
<option value='0010'>河北省河北省<option>
<option value='0011'>湖北省武漢市<option>
<option value='0012'>湖北省武漢市<option>
</select>
</div>
</body>
</html>