jQueryでのautocompleteの挙動

Question

jQueryの「autocomplete」の使い方で困っています。

一つのinputに対してのautocompleteはajaxで出来るのですが、
同時に付近のカテゴリなどを読み取って行きたいと考えております。

例えば、商品の入力欄が複数ある状態で、任意の一つの商品情報の入力について、自分の隣にあるカテゴリを取得してきてautocompleteの候補を出すような仕組みを考えています。

      $('.items').autocomplete({
          source: function (request, response) {
                data = {
                    "code": "",
                    "name": "",//動的に値を入力したい
                    "category": ""//動的に値を取得して入力したい
                };
                $.ajax({
                    type: "post",
                    data: data,
                    url: "/seek_item.php"
                }).done(function (data) {
                    response(data);
                });
            },
            autoFocus: true,
            delay: 500,
            minLength: 2
      });

通常でしたら下記の様に取得しています。

$(".items").on("keyup",function(){
  var item_name = $(this).val();
  var category = $(this).next().val();
 ........
});

autocompleteでも似たような形で処理を出来ればと考えております。
ご存知の方がいらっしゃいましたら、お教え頂ければと思います。

Comments

[kei344]

プラグイン／ライブラリは公式配布サイトのURLを質問文に追記ください。（URLにはリンクを張ることができます）

Answer 1

実現されたいことは、autocomplete で ajax投げる前にイベントをキャッチしたいということかと思われます。
お使いのライブラリが JQueryUIのAutocompleteならば、sourceの前で searchが呼ばれるようですので、この中でフックできるのではないでしょうか?

search( event, ui ): Triggered before a search is performed

JQueryUI - Autocomplete Widget

// 確認用

    $('.items').autocomplete({
        source: function (request, response) {
            console.log('source');
        },
        search: function(event, ui) {
            console.log('search');
        },
    });