JQUERY UI .auto-complete

Question

我需要一点帮助。我想补充的jQuery UI自动完成，

$("#search").autocomplete({ source: $post }); 

下面的代码，我不知道如何去做好它..

// Communication to PHP file 

function searchq() {  
    var searchTxt = $("input[name='search']").val(); 

    $.post("tagasearch.php", {searchVal: searchTxt}, function(output){ 
     $("#output").html(output); 
    }); 
}; 

他们这样的代码，现在的工作是它打印到HTML的形式

<div id="output"></div> 

Answer 1

也许你没有在您的网页中包含正确的CSS？此外，我不确定只需将$ post作为源代码。我通常做这样的事情：

<input type="text" id="search"> 

<script> 
    jQuery('#search').autocomplete({ 
     source: function(request, response) {  

      jQuery.ajax({ url: toCall, 
      dataType: "json", 
      data: { term: request.term }, 
      success: function(data) { 
       response(data); 
       } 
      }); 

    } //whatever other setup you want for autocomplete like minLength, etc. 
    }); 

</script> 

Answer 2

Scott's answer是正确的，但没有说明太多。我会尽量扩大一点。

首先，请注意，$("#search")是id选择器，而不是name。如果输入只有一个name=search你可以$("[name=search]")

下一步选择它，它看起来像你的PHP页面需要一个叫searchVal参数。如果你把它改写期待term（这是自动完成的默认request参数），你可以去那么简单，通过你的帖子的网址为source选项：

$("input[name=search]").autocomplete({ source: "tagasearch.php" }); 

第三，如果你使用search: function()期权价值，你可以自定义它或其反应（像斯科特建议）：

$("input[name=search]").autocomplete({ 
    source: function(request, response) { 
     $.post("tagasearch.php", { 
      searchVal: request.term 
      //    ^-- request.term is the string you've typed in the input 
     }, response); 
     // ^-- response is the callback passed by jQueryUI 
     // 
     // it expects a single parameter which it treats as the data for the widget 

     // Just using response in the above function is exactly equivalent to: 
     $.post("tagasearch.php", {searchVal: request.term}, 
      function(output) { 
       response(output); 
      } 
    ); 
} 

The documentation有您需要的所有信息;还有a couple of useful examples