jQuery UI Autocomplete ajax动态赋值实例

源码下载：https://git.oschina.net/paincupid/springmvc.git

下载的应用环境：spring STS, jdk1.7,pivotal

下载后的访问地址: http://localhost:8080/springmvc/jsp/widget/autocomplete-orgrinal.jsp

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8" contentType="text/html; charset=UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%
    String path = request.getContextPath();
    String basePath = request.getScheme() + "://"+ request.getServerName() + ":" + request.getServerPort()+ path;
%>
"us">

    "utf-8">
    jQuery UI Example Page
    "text/css" href="<%=basePath%>/resources/css/jquery-ui/jquery-ui.css" rel="stylesheet" />
      </span></li> 
    <li class="alt" style="border-top:none;border-right:none;border-bottom:none;border-left:3px solid rgb(108,226,108);color:inherit;line-height:18px;list-style-position:outside;"><span style="border:none;color:rgb(0,0,0);">    body{  </span></li> 
    <li style="border-top:none;border-right:none;border-bottom:none;border-left:3px solid rgb(108,226,108);line-height:18px;list-style-position:outside;"><span style="border:none;color:rgb(0,0,0);">        font: 62.5% <span class="string" style="border:none;color:rgb(0,0,255);">"Trebuchet MS"</span><span style="border:none;">, sans-serif;  </span></span></li> 
    <li class="alt" style="border-top:none;border-right:none;border-bottom:none;border-left:3px solid rgb(108,226,108);color:inherit;line-height:18px;list-style-position:outside;"><span style="border:none;color:rgb(0,0,0);">        margin: 50px;  </span></li> 
    <li style="border-top:none;border-right:none;border-bottom:none;border-left:3px solid rgb(108,226,108);line-height:18px;list-style-position:outside;"><span style="border:none;color:rgb(0,0,0);">    }  </span></li> 
    <li class="alt" style="border-top:none;border-right:none;border-bottom:none;border-left:3px solid rgb(108,226,108);color:inherit;line-height:18px;list-style-position:outside;"><span style="border:none;color:rgb(0,0,0);">    select {  </span></li> 
    <li style="border-top:none;border-right:none;border-bottom:none;border-left:3px solid rgb(108,226,108);line-height:18px;list-style-position:outside;"><span style="border:none;color:rgb(0,0,0);">        width: 200px;  </span></li> 
    <li class="alt" style="border-top:none;border-right:none;border-bottom:none;border-left:3px solid rgb(108,226,108);color:inherit;line-height:18px;list-style-position:outside;"><span style="border:none;color:rgb(0,0,0);">    }  </span></li> 
    <li style="border-top:none;border-right:none;border-bottom:none;border-left:3px solid rgb(108,226,108);line-height:18px;list-style-position:outside;"><span style="border:none;color:rgb(0,0,0);">



Welcome to jQuery UI!

class="demoHeaders">Autocomplete

    "autocomplete" title="type "a"">

  

  

class="demoHeaders">Autocomplete Ajax  

  

    "autoByAjax" title="type "a"">  

    "autoByAjaxVal"  type="hidden">  

    "btn" type="button">submit  

  

  

  

  

  

  

  

"text/javascript" src="<%=basePath%>/resources/js/jquery/jquery-1.11.3.min.js">  

"text/javascript" src="<%=basePath%>/resources/js/jquery-ui/jquery-ui.js">  

  

转载请注明：http://blog.csdn.net/paincupid/article/details/50551771