jquery autocomplete 自动完成 使用

jquery-autocomplete配置: 
<script type="text/javascript" src="/js/jquery-1.4.2.min.js"></script> 
<script type="text/javascript" src="/js/jquery.autocomplete.min.js"></script> 
<link rel="Stylesheet" href="/js/jquery.autocomplete.css" /> 

 

下面是JS代码片段:

<script type="text/javascript">
 $(document).ready(function() {
  $("#To_City").autocomplete(<s:property value="toCityJsonArray"   escape="false"/>, {
					minChars: 0,
					matchContains: true,
					width: 130,
					formatItem: formatToCity,
					formatResult: toCityFormatResult,
					max: 15,
					scroll: true,
					scrollHeight: 300
			});    
});


function formatToCity(toCity) {
				return "<span style='width:70px'>" + toCity.To_City + "</span>\t" + toCity.To_City_Chn_Nm ;
			}
			
			function toCityFormatResult(toCity) {
				return toCity.To_City_Chn_Nm;
			}  
</script>

其中,toCityJsonArray 是JSONArray类型的json, 格式为:[{To_City:"SHA",To_City_Chn_Nm:"上海"},{To_City:"CTU",To_City_Chn_Nm:"成都"}]

 

下面是html代码片段:

<input type="text" name="To_City" id="To_City" size = "10" value="<s:property value="To_City" />"/>

  

posted on 2013-01-05 13:37  Mo..筱米  阅读(175)  评论(0编辑  收藏  举报

导航