2012-11-23 29 views
0

我從jquery ui實現了自動完成,它的工作原理。 唯一的問題是我必須按下向下箭頭才能看到命題 ,並且我希望這可以自動執行。這可能嗎 ?自動顯示jquery自動完成的命題

到目前爲止我的代碼爲自動完成

function autoCompletion() { 
     var splitUrl = document.URL.split('recherche'); 
     $.ajax({ 
      type: "POST", 
      url: splitUrl[0] + "recherche/autocomplete", 
      data: "auto="+$("#ville").val() 
        +"&academie_id="+$("#academie_id").val(), 
      success: function(retour){ 
       var tags = retour.split(','); 
      $("#ville").autocomplete({ 
       source: function(request, response) { 
       var matcher = new RegExp("^" + $.ui.autocomplete.escapeRegex(request.term), "i"); 
       response($.grep(tags, function(item){ 
        return matcher.test(item); 
       })); 
      }, 
      minLength: 1 
      }); 
      } 
     }); 
    } 
+0

將它放在一個'onchange'事件,它應該工作:○ – Naryl

+0

在一個onchange事件,我需要的是外焦裏開始查詢,這就是爲什麼我使用的onkeyup – jacen44

回答

0

,如果您有文字輸入和操作:

$("#input_id").autocomplete({source: "search.php", minLength: 2, select: function(event, ui){ 
    //do something here if needed after a element is select from the list. 
}); 

它應該工作,你只需要擁有search.php返回的信息。

0

自動完成初始化的順序應該相反。自動完成組件的初始化應該只發生一次,當頁面加載時,查詢應該自動執行。附見代碼:

$("#ville").autocomplete({ 
     source: function(request, response) { 
      // Put your ajax request here 
      // Put your ajax request here 
      $.ajax({ 
       type: "POST", 
       url: splitUrl[0] + "recherche/autocomplete", 
       data: "auto="+$("#ville").val() 
        +"&academie_id="+$("#academie_id").val(), 
       success: function(your_data){ 
        // Call jquery callback 
        response(your_transformed_data); 
       } 
      });  
     } 
    });