如何给下拉选择列表命名？

Question

嘿家伙我得到这个选择列表：

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

此元素只能说明我的一些选择，这意味着选择1或2 有机会的名称添加到选择列表？例如“List1”或“List2”？我的目标是将文本直接放在列表旁边。

谢谢:)

Answer 1

啊好了，你的意思是像下面，但我会用CSS样式化文本的下一个牛逼Ø选择列表，例如： 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> 

希望这是你的意思，但我怀疑它，因为它只是一个添加文本的事;）

Answer 2

您可以使用

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

https://jsfiddle.net/7a2kzt90/

Answer 3

你的意思只是给它一个id？

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

你想用这个命名列表实现什么？

Answer 4

如果您想给完整的选择列表一个名字，只需放置name属性即可。 请参阅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> 

Answer 5

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

这会给你两个选择（列表1或列表2），如果你选择列表1中值为1

，或者如果你的意思是，你需要命名下拉菜单本身，你需要与价值=“0”的新选项

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