TextboxList ・Devthought

複数のテキスト入力に適したインタフェース実現用Javascript「TextboxList」。
テキスト入力→改行を繰り返せば、アイテムがどんどん追加されていきます。

以下にデモを設置してみました。

・テキストに入力して改行でアイテム追加
・×ボタンでアイテム削除
・バックスペースでアイテムどんどん削除

複数アイテム、例えば、アイテムにタグを追加したいというな場合に使えますね。
で、このform内容を実際にPOSTした場合、Array ( [test] => a,b,c,d ) のように、カンマ区切りのデータが得られます。
PHPなら、サーバ側で、このデータをexplodeしてリストに出来ますね。

この仕組みを利用したオートコンプリートの仕組みも同時に配布されています。

以下のようにサジェストされます。



これはなかなかクールですね。
Mootoolsベースのスクリプトになっています。