Jqueryオートコンプリート - クリックイベントをリストに追加する方法

Question

こんにちは私は人口私のオートコンプリートリストの下のコードを使用しています。

$('#input').autocomplete({ ajax_get : get_roles}); 

    function get_roles(v,cont,roleName){ 
      var roleName = roleName.value; 
      roleName = roleName.toLowerCase(); 
      $.get('/da/roleautocomplete?roleName='+escape(roleName),{q:v}, 
       function(obj){ 
        var res = []; 
        for(var i=0;i<obj.length;i++){ 
        res.push({ id:i , value:obj[i]}); 
        } 
        cont(res); 
       }, 
       'json') 
     } 

オートコンプリートリストの項目をクリックまたは選択すると、イベントが発生します。私はこれを試しました -

$('#input').autocomplete({ 
    select:function(event, ui){ 
      // do your things here 
     }, etc. 

しかし、役に立たないです。誰もがこれで私を助けることができますか？

Answer 1

最初select:function(event,ui){ ... }を使用しようとすると、私は同様の問題を抱えていたが、それは間違いなく行く方法です。

キーは、クリックしたか他の方法で選択したオプションを取得するためにui.itemを使用することです。私はもともとeventを使用していましたが、thisですが、それらはクリック対キー選択で異なります（ある視点でconsole.logを見てください）ので、ui.itemはあなたが望むものです。オートコンプリートはlabel: ..., value: ...に設定されているので、使用する可能性が最も高いのはui.item.labelとui.item.valueです。

Answer 2

Hiya デモhttp://jsfiddle.net/DMDHC/

にあなたがあなたの合格率を:)改善することを確認してください）

参考読み込み：[リンク] http://jqueryui.com/demos/autocomplete/（あなたがなど使用可能なオプションやイベントについて読むことができます）

明らかに、受け入れることを忘れないように注意してください&この回答は役に立ちましたか？

コード

$("#search").autocomplete({ 
    source: function(req, resp) { 
     $.post("/echo/json/", { 
      json: '["Rambo", "Foobar", "This", "That", "Batman", "Hulk"]', 
      delay: 1 
     }, function(data) { 
      resp(data); 
     }, "JSON"); 
    }, 
     select: function(event, ui) { 

      var TABKEY = 9; 
      this.value = ui.item.value; 

      if (event.keyCode == TABKEY) { 
       event.preventDefault(); 
       this.value = this.value + " "; 
       $('#search').focus(); 
      } 

      return false; 
     } 
}); 

​