0

jquery ui からオートコンプリートを実装しましたが、動作します。唯一の問題は、下向き矢印を押して命題を表示する必要があることです。これを自動的に実行したかったのです。これは可能ですか？

これまでのオートコンプリートのコード

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
            });
            }
        });
    }
4

2 に答える 2

0

オートコンプリートの初期化の順序は逆にする必要があります。オートコンプリート コンポーネントの初期化は 1 回だけ行う必要があり、ページが読み込まれると、クエリが自動的に実行されます。添付のコードを参照してください:

  $( "#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 );
               }
           });    
        }
  });
于 2012-11-24T02:40:00.837 に答える
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それは機能するはずです。情報を返す必要があるだけです。

于 2012-11-23T16:50:53.940 に答える