jQueryUI Autocompleteの候補の個数を変えたい

Question

jQuery Autocompleteの候補の個数を8個に変更をする方法はあるんでしょうか?
インデックスが多くなるにつれて候補が増えていくので、8個に制限したいです。

助言よろしくお願いします。

Answer 1

空の配列を用意し、for等で8個移す等で良いと思います。

var target = ["1", "2", "3", "4", "5", "6", "7", "8", "9", "10"];
var arr = [];

for (var i = 0; i < 8; i++) {
  arr.push(target[i]);
}
alert(arr);

Comments

[KodaiTakahashi]

イベント発生時にこのような処理を書けば、個数を減らせばいけますね!! ありがとうございます。

Answer 2

オートコンプリートが生成された際のイベント等をトリガーとして、表示結果を削るロジックを組めばいいと思います。

http://js.studio-kingdom.com/jqueryui/widgets/autocomplete

配列から任意の数分だけ抜き出すのはsliceが簡単です。

var target = ["1", "2", "3", "4", "5", "6", "7", "8", "9", "10"];
var arr = target.slice(0, 8);

console.log(arr) // ["1", "2", "3", "4", "5", "6", "7", "8"]

Comments

[KodaiTakahashi]

そうですね。 オートコンプリートのイベント発生時にデータの個数を減らせば可能ですね!!
ありがとうございます。

[yamato_hikawa]

for文で回してもできますが、sliceというメソッドもありますので追記しておきますね。