Tokenfieldで複数選択させない
2019年04月14日 15時10分40秒
サジェスト機能（オートコンプリート）を実現するためにTokenfieldを利用。
Tokenfieldでは複数の項目選択できるようになっている。
だが、1つしか選択したくないときもある。
本来、1つしか選択できない項目に、Tokenfieldを利用すること自体がそもそも間違いなのかもしれないが、そこは一旦無視して、Tokenfieldで1個しか選択できない方法を考えてみた。
Tokenfieldのオプションにはそれっぽいのがなかったので、下のようなやり方で強引に1個しか選択できないようにしてみた。
Tokenfieldでは複数の項目選択できるようになっている。
だが、1つしか選択したくないときもある。
本来、1つしか選択できない項目に、Tokenfieldを利用すること自体がそもそも間違いなのかもしれないが、そこは一旦無視して、Tokenfieldで1個しか選択できない方法を考えてみた。
Tokenfieldのオプションにはそれっぽいのがなかったので、下のようなやり方で強引に1個しか選択できないようにしてみた。
$('#hoge').on('tokenfield:createtoken', function (event) {
var existingTokens = $(this).tokenfield('getTokens');
if (existingTokens != "") {
return false;
}
});
PR
Comment
