javascript - jQueryオートコンプリート-余分なデータを処理する方法は？

Question

私は次の問題に苦しんでいます。jQueryオートコンプリートプラグインを使用して、サーバーから推奨値のリストを取得します。リストは次のようになります。

Username1 | UserId1
Username2 | UserId2

したがって、「U」と入力し始めると、期待どおりにリスト"Username1"と"Username2"がポップアップ表示されます。最初の項目を選択すると、<input>の値はになりますが"Username1"、実際にサーバーに送信したいのはユーザーIDです。

どういうわけか、ユーザー名に続くIDを取得できますか？テキストボックスの変更時にフォーム投稿を行うつもりです。たぶん私は盲目すぎてドキュメントでそれを見ることができないか、Googleでそれを見つけることができませんか？

score 6 · Accepted Answer

これを処理するには、プラグインのresultメソッドを使用します。データは配列としてコールバックに渡され、どこかautocompleteに保存するだけで済みます。data[1]このようなもの：

$("#my_field").autocomplete(...).result(function(event, data, formatted) {
    if (data) {
        $("#the_id").attr("value", data[1]);
    }
});

score 0 · Accepted Answer

ここにいくつかの方法をリストするつもりでしたが、1 つを除いてすべてジャンクです。オートコンプリート用のリストを生成するために行ってきたように、サーバー上で string->user 変換を行います。

必ずオートコンプリートを維持し、AJAX 検証を行いますが、JS を介してフォーム内の重要なフォームデータ (このようなもの) を密輸しようとすると、ある時点で何かがうまくいかなくなります。

さらに、js 以外のユーザーエージェントを処理する必要がある場合は、何らかの方法でこのメソッドを記述する必要があります。

score 0 · Accepted Answer

参考までに、この記事http://vivien-chevallier.com/Articles/use-bing-maps-rest-services-with-jquery-to-build-an-autocomplete-box-and-find-a-location-dynamically がありますjQueryオートコンプリート「select」イベントを介して呼び出される作成者の関数「displaySelectedItem」を介してそれを行う良い方法です（完全なコードについては記事を参照してください）。

乾杯

マット

3 に答える 3