如何給下拉選擇列表命名？

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>