jquery-chosen中改變文字匹配模式

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>







發佈了28 篇原創文章 · 獲贊 33 · 訪問量 4萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章