QA@IT

jQuery Tokeninputで候補に存在しないデータを登録可能にするには?

4044 PV

jQuery Tokeninputを使用して、よくあるタグ付けの処理を実装しようとしているのですが(実現したい処理はQA@ITのタグ入力部分のような処理です。)、jQuery Tokeninputを使用した場合、入力時に入力補完候補の中に該当する候補が無いものを入力すると、テキストボックスに入力値が残らず、Submitした時にデータが保存出来ません。

入力時に該当する候補がある場合は、その候補をテキストボックスに入れ、無い場合は入力された値をフォームをSubmit後、データベースに保存するなどし、新しい候補に追加するようにしたい場合、どのような実装を行えばよいのでしょうか?

特にjQuery Tokeninputにこだわる理由は無いので、他のプラグインによる実装方法でも構いません。

回答

QA@IT では jQuery Tag-it! というライブラリを使っています。これだとふつうに未登録のタグを扱えます。

私もその RailsCasts の記事を見ていて真っ先に Tokeninput を試したのですが、未登録のタグが扱えずにあれれ…となりました。Tokeninput は複数選択 (<select multiple>) に気の効いた UI を被せたものという位置付けなんでしょうね。

編集 履歴 (2)
  • おー、ありがとうございます。試してみます。 -
ウォッチ

この質問への回答やコメントをメールでお知らせします。