동적으로 생성 된 입력에서 Jquery 자동 완성

Question

아직 javascript 및 Jquery을 배우고 있습니다. 내가 jQuery를 함께 간단한 autocomplete을 만드는 오전 :

<link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css"> 
 
<script src="//code.jquery.com/jquery-1.10.2.js"></script> 
 
<script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script> \t 
 
\t 
 
<script> 
 
    $(function() { 
 
    $("#nazov").autocomplete({ 
 
\t \t minLength: 2, 
 
\t \t source: 'private/search.php', 
 
\t 
 
\t select: function(event, ui) { 
 
    document.getElementById("pocet").value = ui.item.pocet; 
 

 
    } \t 
 
    }); 
 
\t 
 
\t 
 
    });

<label for="nazov">Názov: </label> 
 
    <input id="nazov"> 
 
    <input id="pocet">

내가 입력을 만들 수있는 몇 가지 기본 JS 기능을 가지고있다. 모든 새로운 입력은 id="nazov"입니다. 그러나 자동 완성은 비 동적 입력에서만 작동하며 동적으로 생성 된 모든 새 입력은 작동하지 않습니다.

자동 완성 기능이 새로운 입력에 대해 모르기 때문이라고 생각합니다. 자동 완성을 변경하여 새로운 입력을 찾고 자동 완성을 다른 방법으로 수행하는 방법은 무엇입니까? 일부 비추천 함수 .live()과 .on()을 발견했으나 여기서는 사용할 수 없거나 방법을 모르겠습니다.

도움 주셔서 감사합니다.

좋은 하루 되세요!

Answer 1

ID가 고유하므로 ID를 두 번 할당하면 안됩니다. 이 대신 클래스를 사용하십시오.

JS : 그래서 당신의 코드는 다음과 같이 보일 것이다

$(function() { 
    $(".nazov").autocomplete({ 
    minLength: 2, 
    source: 'private/search.php', 

    select: function(event, ui) { 
     document.getElementByClass("pocet").value = ui.item.pocet; 
    } 
    }); 
}); 

HTML :

<label for="nazov">Názov: </label> 
<input class="nazov"> 
<input class="pocet"> 

희망이 난에 JQuery와 UI 자동 완성을 추가 할 수있는 방법 [의