[Javascript] 使用多个输入字段的jquery-ui自动完成


Answers

Question

大家下午好!

我省了很多时间,阅读所有帖子在 ...我无法使自动完成与multilpe输入字段的工作。 我试图给每个输入赋予一个“autoc”类,我为每个字段使用了不同的id(实际上是php循环生成字段的inedx)。 我不要求别人为我做这个工作......只是一个工作的例子。

提前致谢。

PS:我为我可怜的英语道歉

现在跟着一块html:

    <input id="search_ctO" class="autoc" type="text" name="search_ct[]">
    <input id="search_ct1" class="autoc" type="text" name="search_ct[]">
    <input id="search_ct2" class="autoc" type="text" name="search_ct[]">
    ....
    <input id="search_ctn" class="autoc" type="text" name="search_ct[]">

和jquery:

    $('.autoc').on("focus", function()   
      $(this).autocomplete({
       minLength: 2,
       source: 'liste_contact.php',
       select: function( event, ui ) {  
         $('.autoc #search_ct').val( ui.item.label ); //id="search_ct'.$i.'
         $(".autoc #contact_id").val( ui.item.value ); //
         $("autoc #contact_description").val( ui.item.desc );
         return false;
       },  
      change: function(){ 
         var servi = $("#service_id").val();
         var hop = $('#hop').val();
         var contact = $("#contact_id" ).val();
         $.ajax({
           url: 'ajout_contact.php',
           data: "serv="+ servi+"&hopit=" + hop+"&contact="+ contact+"",// on envoie la requete d'ajout de contact

         success: function() {
               $("#search_ct").val('');
               // location.reload(true);         
       }