Jquery 같은 페이지에있는 많은 자동 완성

Question

jsp의 자동 집계 기능을 jsp에서 작성한 규칙에 구현하려고합니다.

하나의 텍스트 영역에는 아무런 문제가 없지만 많은 텍스트 영역에서는 문제가 없습니다.

이것은 내 페이지의 코드입니다. 푸시를 사용하여 데이터를 자바 빈에서 가져 오기 때문에 목록을 생성합니다. 이 코드는 응용 프로그램을 실행 한 후 CTRL-U로 잡은 페이지 생성 결과입니다.

 <script> 
     $(function() 
     { 
      var TagsEntis = new Array(); 

       TagsEntis.push("MAIRIE"); 

       TagsEntis.push("COMMUNAUTE URBAINE"); 

       <!--Others pushs here--> 

      $("#tagsentis").autocomplete({source: TagsEntis}); 
     }); 
     </script> 
     <script> 
     $(function() 
     { 
      var TagsNames = new Array(); 

       TagsNames.push("CAPILLON"); 

       TagsNames.push("DUFOUR"); 

       TagsNames.push("STARON"); 

       <!--Others pushs here--> 

      $("#tagsnames").autocomplete({source: TagsNames}); 
     }); 
     </script> 

그리고 이러한 태그를 사용하여 텍스트 영역의 정의 후

:

  <form method="post" action="form.htm" name="formulary"> 
       <table id="formulary"> 
        <tr> 
         <td> 
          Entity 
         </td> 
         <td> 
          <spring:bind path="PersonForm.entity"> 
           <input id="tagsentis" type="text" name="entity" 
             value=""/> 
          </spring:bind> 
         </td> 
        </tr> 
        <tr> 
         <td> 
          LastName 
         </td> 
         <td> 
          <spring:bind path="PersonForm.lastname"> 
           <input id="tagsnames" type="text" name="lastname" 
             value=""/> 
          </spring:bind> 
         </td> 
        </tr> 

이 코드는하지만, 단지 성 텍스트 영역에 적용됩니다.

제발 도와 주실 수 있습니까? 현재 위치)를 demo of 2 autocomplete input-fields (안 텍스트 영역을 찾을 수 있습니다

Answer 1

)

는 사전에 너무 감사드립니다. 작동하지 않는 방법에 대해 더 많은 정보를 제공 할 수 있습니까? 당신은 java-script console

$(function() { 
    var availFirstNames = [ 
     "Adam", "Anna", "Anita", 
     "Bert", "Bob", "Chuck", "Claudia", "Douche", "Ernie", 
     "Gib", "Henry", "Jesus", "John", "Lisp", "Perl", 
     "PHP", "Python", "Ruby", "Scala", "Scheme" 
    ]; 
    var availLastNames = availFirstNames; 
    $("#FirstName").autocomplete({ 
     source: availFirstNames 
    }); 
    $("#LastName").autocomplete({ 
     source: availLastNames 
    });   
}); 

에 오류 그리고 콘솔에보고하고 오류를 확인 했

<div class="ui-widget"> 
    <label for="tags">Names: </label> 
    <input id="FirstName" /> 
    <input id="LastName" /> 
</div>​