zoukankan      html  css  js  c++  java
  • 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,
    					 130,
    					formatItem: formatToCity,
    					formatResult: toCityFormatResult,
    					max: 15,
    					scroll: true,
    					scrollHeight: 300
    			});    
    });
    
    
    function formatToCity(toCity) {
    				return "<span style='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" />"/>
    

      

  • 相关阅读:
    Struts2的OGNL的用法
    详解DataTable DataSet以及与数据库的关系
    ModBus 协议
    STM32串口接收中断溢出问题解决
    STM32 GD32 时钟设置
    STM32 中断
    STM32 中断系统
    STM32中断系统(NVIC和EXTI)
    STM32中断系统
    GD32E230 GPIO 时钟
  • 原文地址:https://www.cnblogs.com/xiaomimi/p/2845647.html
Copyright © 2011-2022 走看看