0

できればちょっとしたお手伝いのあと、

私は Codeigniter フレームワークを使用しており、mysql データベースからの情報を使用して jQuery オートコンプリートを機能させることができました。

しかし、オートコンプリートの結果を取得してテキストフィールドに他の情報を表示することに少し行き詰まりました。

現時点では Jquery について頭を悩ませようとしていますが、それについての知識は非常に限られているため、ヘルプやポインターは非常に役立ちます。

私のJSコード

$(document).ready(function() {

$(function() {
    $( "#Name" ).autocomplete({
            source: function(request, response) {
                $.ajax({ url: "<?php echo site_url('autocomplete/namesuggestions'); ?>",
                data: { term: $("#Name").val()},
                dataType: "json",
                type: "POST",
                success: function(data){
                    response(data);
                }
            });
        },
        minLength: 1
        });
    });
});

Name の ID と Address の ID を持つ 2 つの入力ボックス

物事をもう少し混乱させるために、オートコンプリート時に名前テキストボックスに表示される名前とアドレスに表示されるアドレスを取得できますか??

どんな助けでも大歓迎です

4

1 に答える 1

1

ajax応答の応答をマップする必要があり、他の入力ボックスをオン選択して入力select:するには、このようにオートコンプリートでオプションを使用できます

var source_name = {
        source:function(request, response){
            $.getJSON('your url and parameter as get',function(data){
                if(data != null){
                    response($.map(data, function (item) {
                        return {
                            value: item.name,
                            addr: item.addr
                        }
                    }));
                }
            });
        },
        select: function(event, ui){
        $('#addr').val(ui.item.addr);

        }
    };

$('#Name').autocomplete( source_name);

jquery uiを使用していて、値を取得するためにjsonを適切に返す場合、これはうまく機能します。これが役に立てば幸いです。

于 2013-10-15T10:45:54.937 に答える