2011-06-29 18 views
1

jQuery UIのオートコンプリートを、Googleの検索フィールドに似ています。ここでは、上に表示された結果の残りのテキスト(つまり、request.term以外のもの)が、ユーザー入力文字列の末尾に追加されます。別の色。提案された結果をjQuery UIオートコンプリート入力に追加しますか?

これは、同じ位置にある透明なdivを元の入力の後ろに相対的な配置を使用して配置し、このdivに一番上の一致した結果を明るい色で配置することでこれを行う予定でした。

私の質問は、一致する結果配列にアクセスする正しい方法です。次のように私のアプローチは、(合理例)であること:

$(function() { 
    var tags = [ 
     "One", 
     "Two", 
     "Three" 
    ]; 
    $("input").autocomplete({ 
     source: tags, 
     open: function() { 
      // var topResult = HOW TO ACCESS? 
      $('#divForText').text(topResult); 
     } 
    }); 
}); 

誰もが一致した結果の配列内の最初の値にアクセスする方法を明確にすることはできますか?

$("input").autocomplete({ 
    source: function(request, response) { 
     var filtered = $.ui.autocomplete.filter(tags, request.term) 
      , first = filtered.length ? filtered[0] : null; 

     if (first) { 
      $("#divForText").text(first); 
     } else { 
      $("#divForText").empty(); 
     } 

     response($.ui.autocomplete.filter(langs, request.term)); 
    } 
}); 

基本的に、これは、パラメータとして関数を受け取りsourceのバージョンを使用している:

答えて

関連する問題