2011-01-27 6 views
0

主な例はFacebookメッセージです。 「To:」フィールドに1文字を入力すると、その文字に一致する友人の検索結果が表示されます。その後、その友人を選択すると、同じ入力フィールドに別の友人を追加できます。1つの入力フィールドに複数の値を取り込む方法(Facebookメッセージ)

同じ入力フィールドに2つ以上のデータを追加できる関数/スクリプトはありますか?

+1

あなたが探しているものを実行するjQueryプラグインがあります。それをつかんで、どのように動作するか把握できます:http://iantearle.com/projects/facelist –

+0

ありがとう。誰かがこの問題に遭遇したときに役立つかもしれない他のリソースも見つかりました: http://thewebfellas.com/blog/2009/6/11/facebook-style-multi-select – catandmouse

答えて

3

あなたは 同じ入力フィールドに1つの以上のデータを追加することができます 機能/スクリプトはありますか?

短い回答、いいえ。

"To:"フィールドのソースコードを見ると、Facebookがテキスト入力のみでこの効果を達成していないことがわかります。

このトリックでは、テキスト入力を模倣するためにdivを使用しますが、入力中のテキストをキャプチャするために、div内にテキスト入力(枠線なし)があります。一致するものが検索ドロップダウンに見つかると、divに「トークン」が挿入され、テキスト入力がシフトされます。