添加行時保留自動完成屬性

Question

你好我有一些輸入誰使用自動完成，但我有一個添加行，但是當我添加行時，我沒有自動完成的選項。我如何在我的新行上進行自動完成？

在這裏，我該怎麼辦我的自動完成：

//------------------AUTO COMPLETE NUMÉRO DE PROJET----------------------  
      $(document).ready(function(){ 

     //-------AUTO COMPLETE DIMANCHE PROJET----- 
       $("#projdim").autocomplete({ 
        source:'getautocomplete.php', 
        minLength:1 

如果按下回車

//------------------COMPLETE CLIENT DESC DIMANCHE---------------------- 
       function handleEnter(e, obj, field){ 

        if (e.keyCode == 13 || e.which == 13){ 
         if (window.XMLHttpRequest) 
          {// code for IE7+, Firefox, Chrome, Opera, Safari 
          xmlhttp=new XMLHttpRequest(); 
          } 
         else 
          {// code for IE6, IE5 
          xmlhttp=new ActiveXObject("Microsoft.XMLHTTP"); 
          } 
         xmlhttp.onreadystatechange=function() 
          { 
          if (xmlhttp.readyState==4 && xmlhttp.status==200) 
           { 
            tempArrayInJS = JSON.parse(xmlhttp.responseText); 
            $("#clientdim").val(tempArrayInJS[0]['cliName']); 
            $("#prodescdim").val(tempArrayInJS[0]['proDescription']); 
           } 
          } 
         xmlhttp.open("GET","completeclient.php?q="+obj.value,true); 
         xmlhttp.send(); 

        } 
        //Enter was pressed, handle it here 

        } 

這是我輸入的原始

<span id="numpro" > 
    <input onblur="autre();" onfocus="enter();" type="text" id="projdim" name="projdim"onkeypress="return handleEnter(event, this, 'task');"/> 
</span> 

在這裏，我怎麼加排

<?php if (!isset($_POST['Terminé'])) { ?> 
     <form action="insert.php" method="post" > 
      <b>Dimanche</b> </br><?php echo $date1 ?> 
      <p id="add_field"><a href="#"><span>add</span> </a></p> 

     </td> 
My JS of adding row 
<script type="text/javascript"> 


    var counter = 0; 
    $(function(){ 
     $('p#add_field').click(function(){ 
      counter += 1; 
      $('#numpro').append(
        '<input id="field_' + counter + '" name="dynfields[]' + '" type="text" />' 
        ); 
      $('#proclient').append(

        '<input id="field_' + counter + '" name="dynfieldstest[]' + '" type="text" /><br />' 
        ); 


     }); 
    }); 
    </script> 

Answer 1

現在，您只需將自動填充功能添加到ID爲projdim的元素。您需要對您希望實現的每個元素運行自動完成功能。例如，您的附加功能改變

$('p#add_field').click(function(){ 
      counter += 1; 
      var $newRow = $('<input id="field_' + counter + '" name="dynfields[]' + '" type="text" />'); 
      $('#numpro').append($newRow); 
      $newRow.autocomplete(autocompOpt); 
      ... 

autocompOpt這裏是代表您自動完成選項的對象。在你給的代碼，像

var autocompOpt = { 
    source:'getautocomplete.php', 
    minLength:1 
}