Bootstrap

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>







;