web-dev-qa-db-ja.com

jqueryはjquery UIオートコンプリートでクリックイベントをキャッチします

私は最近これを理解しようとしていますが、できません

問題は、オートコンプリートから値が選択されたときに現在の入力データを取得する必要があるinputタイプのtextフィールドがあることです。 jQuery UIオートコンプリートを使用していることに注意してください

keyupイベントをキャッチできますが、ユーザーがオートコンプリート値のクリックを使用すると、 jQueryはchangeイベントハンドラーを起動しません。すべてのイベントハンドラーを使用しようとしましたが、役に立ちませんでした。

dOMベースの要素の操作をキャッチできないと思いますか？よく分かりません。ここに フィドル

javascriptautocompletejqueryjquery-autocomplete
17
tomexsans

これに似ていますhttp://jsfiddle.net/PUpRr/

selectオプションでうまくいくはずです。

オプション/イベント/メソッドAPIドキュメント： http://api.jqueryui.com/autocomplete/

これがニーズに合うといいですね:)

サンプルコード

$("#to").autocomplete({
    source: function (request, response) {

        var friendsArray = [];
        friendsArray = [{
            "id": 1,
            "name": "hulk",
            "value": "hulk"
        }, {
            "id": 2,
            "name": "ironman",
            "value": "ironman"
        }, {
            "id": 3,
            "name": "Foobar",
            "value": "Foobar"
        }];

        response(friendsArray);
        return;


    },

    select: function (e, ui) {

        alert("selected!");
    },

    change: function (e, ui) {

        alert("changed!");
    }
});
37
Tats_innit