2014-01-28 2 views
0

구현 방법 텍스트 상자에 어떤 이름을 입력하면 mysql 데이터베이스에서 데이터를 가져오고 JSP 페이지의 모든 관련 단어를 텍스트 상자 목록으로 표시합니다. 상자에 텍스트를 입력하면 관련 텍스트가 데이터베이스에서 가져 와서 목록으로 표시됩니다. 표시된 텍스트 목록이 선택되면 해당 선택으로 관련 작업을 수행해야합니다. 이 코드는 http://jqueryui.com/autocomplete/에서 가져 왔지만 내 컴퓨터에서는 작동하지 않습니다. 미리 감사드립니다.jsp에서 검색 텍스트 상자를 만드는 방법은 무엇입니까?

<!doctype html> 
    <html lang="en"> 
    <head> 
     <meta charset="utf-8"> 
     <title>jQuery UI Autocomplete - Default functionality</title> 
     <link rel="stylesheet" href="code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css"> 
     <script src="code.jquery.com/jquery-1.9.1.js"></script> 
     <script src="code.jquery.com/ui/1.10.4/jquery-ui.js"></script> 
     <link rel="stylesheet" href="/resources/demos/style.css"> 
     <script> 
     $(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: availableTags 
     }); 
     }); 
     </script> 
    </head> 
    <body> 

    <div class="ui-widget"> 
     <label for="tags">Tags: </label> 
     <input id="tags"> 
    </div> 


    </body> 
    </html> 

답변

0
$(function() { 
var availableTags = [<? while($results=mysql_fetch_object(mysql_query("SELECT * FROM TABLE"))){ echo  "'".$result->Field."', "; } ?>]; 
$('#ID').autocomplete({ 
source: availableTags, 
}); 
}); 

그래서 내 스크립트

을 나를 위해 작동
관련 문제