1

検索用の jQuery オートコンプリート フィールドを使用して、フォームに受信者フィールドを作成したいと考えています。これで複数の値を許可したい。私はすでにこれを行う方法について手がかりを得ています。

問題は、受信者を追加し、オートコンプリートを使用してルックアップを実行する場合、受信者の名前の背景が青色で、その横に削除アイコン (x)が表示されることです。これは、iPhone の「To」フィールド、または人Facebook でのルックアップ (たとえば、FB で新しいグループを作成する場合)

どんなアイデアでも大歓迎です！

お時間をありがとう、アルバート

4

1 に答える 1

2

まず最初に、やりたいことは、デフォルトで 1 つの html 要素 (この場合は入力) だけで利用できる機能ではないことを理解する必要があります。

技術的な詳細については詳しく説明しません。スプーンで餌を与えることになるからです。正しい方向を示したいと思います。気にしないでください、ここに行きます：

まず、ブロックのように見えるコンテナが必要です。div としましょう。その中には、次のように、コンテナの一部だけを取る必要がある入力フィールドがあります。

<div id="tag_editor">
  <span id="tokens"><!-- js stores tags here --></span>
  <input type="text" id="tag_editor_input">
</div>

容器

その入力にテキストを書き込むと、オートコンプリートが正常に表示されるはずです。ただし、焦点が合っていないときや提案をクリックしたときに、入力の内容がデータを表示する HTML 要素に変換されるようにフックが必要です。トークン コンテナーに格納する必要があります。

もちろん、入力ボックスは同じですが、右にシフトします。例:

代替テキスト

これが完了したら、必要な数のタグを追加できるはずです。次に、データを取得する必要がある場合は、コンテンツを繰り返し処理して#tokens、データの一部として使用します。

それが役に立てば幸い。

于 2010-11-01T00:09:52.423 に答える