Question

저는 매일 한 번씩이 시간에 어려움을 겪었습니다. 새로운 텍스트 요소를 추가하려고하는데 자동 완성을 바인딩하려고합니다.

이 코드는 이전의 onclick

$('#highlights').before("<input type='text' id='check_name' name='name' placeholder='Name of OPM' required class='ui-autocomplete-input'>"); 

이 자동 완성 내가 URL을 통해 액세스 할 때

<script type="text/javascript"> 
$("#check_name").autocomplete({ 
     source: "src/check_name.php", 
     minLength: 1 
    }); 
</script> 

PHP 파일이 잘 작동하고 웹 페이지의 마지막에와 기능에있다.

Answer 1

.before() : 일치하는 요소 집합의 각 요소 앞에 매개 변수로 지정된 콘텐츠를 삽입하십시오.

당신은 .prev() 사용할 수 있습니다

코드 조각 : 동적 제어를 처리하기 위해이 방법을 시도

var availableTags = [ 
 
     "ActionScript", 
 
     "AppleScript", 
 
     "Asp", 
 
     "BASIC", 
 
     "C", 
 
     "C++", 
 
     "Clojure", 
 
     "COBOL", 
 
     "ColdFusion", 
 
     "Erlang", 
 
     "Fortran", 
 
     "Groovy", 
 
     "Haskell", 
 
     "Java", 
 
     "JavaScript", 
 
     "Lisp", 
 
     "Perl", 
 
     "PHP", 
 
     "Python", 
 
     "Ruby", 
 
     "Scala", 
 
     "Scheme" 
 
    ]; 
 

 

 
    $('#highlights').before("<input type='text' id='check_name' name='name' placeholder='Name of OPM' required class='ui-autocomplete-input'>") 
 
     .prev("#check_name") // get the newly prev added ele 
 
     .autocomplete({ 
 
      source: availableTags, 
 
      minLength: 1 
 
     });

<link href="https://code.jquery.com/ui/1.12.0/themes/smoothness/jquery-ui.css" rel="stylesheet"/> 
 
<script src="https://code.jquery.com/jquery-1.12.4.min.js"></script> 
 
<script src="https://code.jquery.com/ui/1.12.0/jquery-ui.js"></script> 
 

 

 
<div id="highlights"></div>

Answer 2

,

var $addedInput=$("<input type='text' id='check_name' name='name' placeholder='Name of OPM' required class='ui-autocomplete-input'>"); 
$('#highlights').before($addedInput); 
$addedInput.autocomplete({ 
    source: "src/check_name.php", 
    minLength: 1 
});