web-dev-qa-db-ja.com

存在する場合は、事前定義されたリストから選択します。それ以外の場合は、リストに新しいアイテムを挿入しますか?

以下を実行するための最良の経験は何ですか?

ユーザーは、既存のリストにない場合にのみ、新しい件名(テキスト)を挿入します。そのため、すべてのユーザーの既存のリストに追加されます。

私はこれを次のシーケンスで実装しました:

Form field - text input field with drop down arrow

ユーザーが件名を見つけられない場合は、プラス(+)ボタンをクリックします。

Added new text input field with no drop down

新しいフィールドに入力した後、プラス(+)ボタンをクリックすると、そのフィールドがリストに追加されて選択されます。

これを行うより良い方法はありますか?

8

私が日常的に目にするそのような機能の最も一般的な実装はタグ付けシステムです。入力を続けると、ajax検索がオンになり、結果がポップアップ表示されます。

Img 1:結果から選択または全体を入力できます。

Img 2:または、同様の方法で独自のタグを追加することができ、タグを受け入れて、誰でも使用できるようにシステムに追加します。

Img 1: enter image description here

Img 2:

enter image description here

12
rk.

+記号を追加すると直観に反しますユーザーはドロップダウンをクリックし、オプションを読み、リストされているオプションが適用されないことを確認する必要があるため。次に+をクリックして値を入力します。

私はドロップダウンリストに「その他」または「新規追加」エントリを追加することをお勧めします。これは、ユーザーがドロップダウンアイテムのリストをスキャンし、何も適用されないことを確認して、[その他]/[新規追加]エントリを選択することを意味します。

この値を選択すると、テキストボックスが表示され、フォーカスが与えられるため、ユーザーは値の詳細を指定できます。

5
Kami

私はユーザーが入力している間、既存の選択肢を表示する自動修正付きのドロップダウン-を使用し、ドロップダウンから選択するか、独自に作成することができます...最初に既存の選択肢を選択することに注意してください。

RKのタグ付けのアイデアも好きです

3
Skuirrel