2017-09-08 5 views
1

Hé les gars j'ai obtenu cette liste de sélection:Comment donner un nom à une liste de sélection déroulante?

<select id = "list" > 
<option value="1">1</option> 
<option value="2">2</option> 
    </select> 

Cet élément me montre un nombre de choisir, cela signifie que les options 1 ou 2. Y at-il une chance d'ajouter un nom à cette liste de sélection? Par exemple "List1" ou "List2"? Mon but est de placer un texte directement à côté de la liste.

merci :)

Répondre

1

Ah ok, donc vous dire quelque chose comme ce qui suit, mais je voudrais utiliser le style CSS pour le texte suivant t o les listes de sélection, par exemple: https://jsfiddle.net/909f7a09

<div class="options"> 
    <div class="donuts"> 
    <select id = "donuts" > 
     <option value="1">1</option> 
     <option value="2">2</option> 
    </select> 
    <span> 
    Donuts 
    </span> 
    </div> 
    <div class="muffins"> 
    <select id = "muffins" > 
     <option value="1">1</option> 
     <option value="2">2</option> 
    </select> 
    <span>Muffins</span> 
    </div> 
</div> 

Hope this est ce que vous voulez dire, mais je doute comme il était juste une question d'ajouter du texte;)

+0

edit: J'ai mis à jour le violon et le code pour vous. Je suppose que vous utilisez une fonction de post pour soumettre le formulaire lorsque les gens remplissent leurs commandes. À votre santé – Ray

0

Vous pouvez utiliser

<select name="list" id = "list" > 
 
    <option value="1">List 1</option> 
 
    <option value="2">List 2</option> 
 
</select>

https://jsfiddle.net/7a2kzt90/

+0

Ce n'est pas mon but. Je veux garder les nombres comme valeurs, mais donne un nom à la liste complète. – Suppe

+1

Les extraits dans stackoverflow sont beaucoup plus faciles que jsfiddle :) – Dekel

0

Voulez-vous dire par tout ce qui lui donne une id?

<select id = "list" > 
    <option id="list1" value="1">1</option> 
    <option id="list2" value="2">2</option> 
</select> 

Que voulez-vous réaliser avec cette liste nommée?

+0

Non, par exemple j'ai 2 listes de sélection pour les gâteaux: Donut et Muffin et vous pouvez choisir le nombre d'entre eux dans la liste de sélection. Mon but est de placer un texte directement à côté de la liste. – Suppe

0

Si vous voulez donner un nom à la liste de sélection complète, il suffit de mettre la propriété name. S'il vous plaît voir w3schools

<select name="cars"> 
    <option value="volvo">Volvo</option> 
    <option value="saab">Saab</option> 
    <option value="opel">Opel</option> 
    <option value="audi">Audi</option> 
</select> 
0
<select id = "list" > 
<option value="1">List1</option> 
<option value="2">List2</option> 
    </select> 

cela vous donnera deux options (list1 ou liste2) et si vous choisissez list1 la valeur sera 1.

ou si vous voulez dire que vous devez nommer le menu déroulant lui-même que vous devez faire une nouvelle option avec value = « 0 »

<select id = "list" > 
<option value="0">Choose your option</option> 
<option value="1">List1</option> 
<option value="2">List2</option> 
    </select>