web-dev-qa-db-fra.com

sélectionner dans la liste prédéfinie s'il existe, sinon insérer un nouvel élément dans la liste?

Quelle est la meilleure expérience pour effectuer les opérations suivantes:

L'utilisateur insérera un nouveau sujet (texte) uniquement s'il ne figure pas dans la liste existante. Ainsi, il sera ajouté à la liste existante pour tous les utilisateurs.

J'ai implémenté cela avec la séquence suivante:

Form field - text input field with drop down arrow

Si l'utilisateur ne trouve pas le sujet, il clique sur le bouton plus (+):

Added new text input field with no drop down

Après avoir tapé le nouveau champ, cliquez sur le bouton plus (+) pour l'ajouter à la liste et le sélectionner.

Existe-t-il une meilleure méthode pour ce faire?

8

Le l'implémentation la plus courante d'une telle fonctionnalité que je vois tous les jours est le système de marquage. Pendant que vous continuez à taper, la recherche ajax est activée et vous pouvez voir des résultats apparaître.

Img 1: Vous pouvez sélectionner parmi les résultats ou saisir le tout.

Img 2: Ou, vous pouvez ajouter votre propre balise d'une manière similaire et il acceptera la balise et l'ajoutera dans le système pour que quiconque puisse l'utiliser.

Img 1: enter image description here

Img 2:

enter image description here

12
rk.

Par en ajoutant le signe +, c'est contre-intuitif car l'utilisateur devrait cliquer sur le menu déroulant, lire les options et déterminer qu'aucune des options énumérées ne s'applique. Cliquez ensuite sur le + et indiquez la valeur.

Je voudrais suggérer d'ajouter une entrée "Autre" ou "Ajouter un nouveau" dans la liste déroulante. Cela signifierait que l'utilisateur parcourrait la liste des éléments déroulants, constaterait qu'aucun ne s'applique et sélectionnerait l'entrée "Autre"/"Ajouter nouveau".

Lorsque cette valeur est sélectionnée, la zone de texte est rendue visible et mise au point permettant aux utilisateurs de fournir les détails de la valeur.

5
Kami

J'utiliserais un liste déroulante avec correction automatique montrant les alternatives existantes, pendant que l'utilisateur tape - et ils pourraient sélectionner à partir de cette liste déroulante ou créer leur propre ... selon combien vous voulez qu'ils faites attention à essayer d'abord de sélectionner une alternative existante.

J'aime aussi l'idée de marquage de RK

3
Skuirrel