jQueryuiでgoogleのautosuggestのようなフォームonclickを送信するには？

Question

jqueryuiでカテゴリを使用すると、少し複雑になりました。そのフォームで

<script type="text/javascript"> 
$(document).ready(function() { 
    $.widget("custom.catcomplete", $.ui.autocomplete, { 
     _renderMenu: function(ul, items) { 
      var self = this, 
       currentCategory = ""; 
      $.each(items, function(index, item) { 
       if (item.category != currentCategory) { 
        ul.append("<li class='ui-autocomplete-category'>" + item.category + "</li>"); 
        currentCategory = item.category; 
       } 
       self._renderItem(ul, item); 
      }); 
     }, 

     select: function(event, ui) { 
     $("input#autocomplete_text").val(ui.item.value); 
     $("#autocomplete_form").submit(); 
     } 
    }); 
    $("#autocomplete_text").catcomplete({ 
     delay: 0, 
     source: function(request, response) { 
       $.ajax({ url: "<?php echo site_url('autocomplete/suggestions'); ?>", 
       data: { term: $("#autocomplete_text").val()}, 
       dataType: "json", 
       type: "POST", 
       success: function(data){ 
        response(data); 
       } 
      }); 
     } 
    }); 
}); 
</script> 

：私はこの試みている

    <form id="autocomplete_form" name="input" action="autocomplete/redirect" method="post"> 
         <input size="38" type="text" id="autocomplete_text" name="autocomplete_text" value="İlan kodu, kategori, ilan veya emlakçı ara" /> 
         <input type="hidden" id="data" name="data" value="0" /> 
         <input class="submit-button" type="submit" value=" EMLAK ARA " /> 
        </form> 

マイexample

である私は何をしたい、提案リストの項目をクリックした後にフォームを送信します。

ご協力いただければ幸いです。前もって感謝します。 $リンク変数が設定されていないか、あなたのアヤックスから配列がスルー渡していないことを意味リンク..：

Answer 1

は、選択を削除します。 Ajaxのもの

の作業例jsfiddle少ないです。

<script type="text/javascript"> 
$(document).ready(function() { 
$.widget("custom.catcomplete", $.ui.autocomplete, { 
    _renderMenu: function(ul, items) { 
     var self = this, 
      currentCategory = ""; 
     $.each(items, function(index, item) { 
      if (item.category != currentCategory) { 
       ul.append("<li class='ui-autocomplete-category'>" + item.category + "</li>"); 
       currentCategory = item.category; 
      } 
      self._renderItem(ul, item); 
     }); 
    } 
}); 
$("#autocomplete_text").catcomplete({ 
    delay: 0, 
    select: function(event, ui) { 
    $("#autocomplete_form").submit(); 
    }, 
    source: function(request, response) { 
      $.ajax({ url: "<?php echo site_url('autocomplete/suggestions'); ?>", 
      data: { term: $("#autocomplete_text").val()}, 
      dataType: "json", 
      type: "POST", 
      success: function(data){ 
       response(data); 
      } 
     }); 
    } 
}); 
}); 
</script> 

Answer 2

は、私はあなたには、未定義の変数を取得している..あなたが最初にあなたのPHPファイルをチェックする必要があります示唆しています。 ui.autocompleteのinit関数から機能し、Webドメインの面倒外に私たちのために編集を行いカテゴリで応答サーバー上catcomplete機能

組み込みPHPと信頼に移動：