代码之家 › 专栏 › 技术社区 › Suppe

如何为下拉选择列表命名?

options select list css javascript

1

Suppe · 技术社区 · 8 年前

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

这个元素只显示了一个可供选择的数字,即选项1或2。是否有机会将名称添加到该选择列表?例如“List1”或“List2”?我的目标是在列表旁边直接放置一个文本。

5 回复 | 直到 8 年前

1

Ray 8 年前

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>

希望这就是你的意思,但我对此表示怀疑,因为这只是一个添加文本的问题;)

2

0

Ahmed Can Unbay 8 年前

如果要为完整的选择列表命名,只需输入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>

3

0

Ray 8 年前

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

4

0

Harald Gliebe Grzegorz Wierzowiecki 8 年前

您可以使用

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

https://jsfiddle.net/7a2kzt90/

5

0

Ahmed Allam 8 年前

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

这将为您提供两个选项(list1或list2),如果您选择list1,则值将为1。

或者,如果您的意思是需要为下拉菜单本身命名,则需要使用value=“0”创建一个新选项

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