文本框autoComplete,接收后台list转换成js数组

最新推荐文章于 2021-09-18 10:30:17 发布

abbywl

最新推荐文章于 2021-09-18 10:30:17 发布

阅读量519

点赞数 1

分类专栏： web

本文链接：https://blog.csdn.net/abbywl/article/details/8597974

版权

web 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<html>
	<head>   
	 <title>jQuery UI Autocomplete - Default functionality</title>  
	 <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.1/themes/base/jquery-ui.css" />
	   <script src="http://code.jquery.com/jquery-1.9.1.js"></script> 
	    <script src="http://code.jquery.com/ui/1.10.1/jquery-ui.js"></script>
	      <link rel="stylesheet" href="/resources/demos/style.css" />
	      <%
	      	List list = new ArrayList();
	      	list.add(new String("猪八戒"));
	      	list.add(new String("孙悟空"));
	      	String[] arr = (String[])list.toArray(new String[list.size()]);
	      	
	       %>
	       
	        <script>
	       var clientList = [];
			<%			
			for (int i=0;i<list.size();i++) {%>				
			clientList.push("<%=list.get(i)%>");
			
			<% } %>
			
			
	         $(function() {  
	/**	          var availableTags =
		          [      "ActionScript",      "AppleScript",      "Asp",      "BASIC",      "C",      "C++",      "Clojure",  
		              "COBOL",      "ColdFusion",      "Erlang",      "Fortran",      "Groovy",      "Haskell",      "Java",  
		                  "JavaScript",      "Lisp",      "Perl",      "PHP",      "Python",      "Ruby",      "Scala",     
		                   "Scheme"    ]; */
		          $( "#tags" ).autocomplete({ source: clientList  }); 
	           }); 
	   </script>
      </head>
      <body>
       <div class="ui-widget">  <label for="tags">Tags: </label>  <input id="tags" /></div>  
       </body>
     

       
</html>

abbywl

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
文本框autoComplete,接收后台list转换成js数组

<%String path = request.getContextPath();String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";%> jQuery UI Autocomplete - Default
复制链接

扫一扫