web-dev-qa-db-fra.com

Est-il possible d'afficher simultanément toutes les options d'un champ de formulaire HTML Select sans cliquer dessus?

J'utilise la bibliothèque d'édition in-place jQuery de X-Editable pour un champ de sélection Etat de la tâche. Toutes les étapes de ce processus sont indiquées ci-dessous:

  1. En cliquant sur le statut
  2. Il masque ensuite le statut SPAN et révèle le champ de sélection masqué.
  3. Vous pouvez cliquer sur le champ de sélection qui le rend déroulant et affiche toutes les options disponibles.
  4. En cliquant sur une nouvelle valeur d'option de sélection, une image spinner en cours de chargement apparaît alors qu'elle envoie une demande AJAX pour enregistrer la valeur.
  5. Il affiche ensuite la nouvelle valeur d'état SPAN sélectionnée.
  6. En cliquant à nouveau, le cycle/processus redémarre.

enter image description here

J'essaie cependant de trouver un meilleur moyen de sélectionner une nouvelle valeur. Il n'y a que 3 options de sélection, donc j'aimerais éventuellement afficher les 3 éléments en même temps au lieu de vous demander de cliquer sur la liste déroulante pour afficher les 2 autres options.

Est-il possible de faire cela avec une sélection de base ou faut-il un champ Multi-select ?

javascriptjquerydrop-down-menuselection
8
JasonDavis

http://jsfiddle.net/n1k5cLx0/

Recherchez-vous une liste ou souhaitez-vous toujours un menu déroulant avec les options affichées par défaut? Pour un style de liste, vous pouvez utiliser l'attribut size avec l'élément select.

HTML

<select size="3">
  <option>Not Started</option>
  <option selected>In Progess</option>
  <option>Completed</option>
</select>

CSS

select{
    overflow:auto;
}
19
Sean Wessell

$ ("# Id_Selecteventtype") [0] .selectedIndex = 1;

0
user2095113