jquery select 插件 chosen

jQuery强大的select模拟插件，

带搜索功能 演示： http://harvesthq.github.com/chosen/ 

http://www.aqee.net/docs/Chosen/Chosen.htm

强大的是实现了选项分组和多选关键词处理。


如何使用？
引入jquery库和脚本
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script>
<script src="chosen/chosen.jquery.js" type="text/javascript"></script> 
选择框html片段
<select class="chzn-select" data-placeholder="Choose a Country" style="width:350px;" tabindex="1">
       <option value=""></option> 
       <option value="United States">United States</option>  
       <option value="United Kingdom">United Kingdom</option> 
       <option value="Afghanistan">Afghanistan</option> 
       <option value="Albania">Albania</option> 
  如果想做缺省选中
  <option value="Albania" selected='selected'>Albania</option> 
                 ...
</select>
初始化组件：$(".chzn-select").chosen();
Chosen使用技巧
如何设置模拟选择框的默认文本？
设置data-placeholder=”"，即可。
如果不存在data-placeholder，组件会自动设置默认文本为“Select Some Option”或“”Select Some Options”。
如何设置没有搜索结果时显示的文本？

$(".chzn-select").chosen({no_results_text: "没有匹配结果"});

IE6,7 支持办法

在chosen.jquery.js 中，ie6和ie7直接返回对象本身： 
if （$.browser.msie && （$.browser.version === "6.0" || （$.browser.version === "7.0" && document.documentMode === 7））） {
return this;
}
　　把这段js注释掉，打开ie6和7 测试吧。

注意jquery 支持 ie6,7 的办法。

写到 </body> 之外。