2

これは私のコードです。この jsfiddleでライブ デモを見ることもできます。

$(function()
{
    var source = [{id:1, value: "One"},
                 {id:2, value: "Two"},
                 {id:3, value: "Three"},
                 {id:4, value: "Four"}];

    $("input").autocomplete({
        source: function(request, response)
        {
            var term = request.term.split(/,\s*/).pop();

            response($.ui.autocomplete.filter(source, term));
        },
        select: function(e, ui)
        {
            var terms = this.value.split(/,\s*/);

            terms.pop();
            terms.push(ui.item.value, "");

            this.value = terms.join(", ");

            return false;
        }
    });
});

ご覧のとおり、単純な複数選択を実装しました。私の問題は、元のデータソースの値だけでなく、それらの ID も必要であることです。これはどのように行うことができますか？オートコンプリート フィールドを使用した後、選択したすべてのアイテムを完全に取得するにはどうすればよいですか?

4

1 に答える 1

1

このデモリンクを見てください。これにより、選択した値とオートコンプリートのIDを表すことができます。

terms.push(ui.item.id+"="+ui.item.value, "");

これがもっとお役に立てば幸いです。

編集：私はこのフィドルを更新しました。

于 2013-03-13T10:49:08.687 に答える