動的に作成された入力で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を2回割り当てないでください。このためにクラスを使用してください。

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のオートコンプリートを追加することができますどのように[の