如何给下拉列表 select 命名？

Question

大家好，我得到了这个 select 列表：

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

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

谢谢:)

Answer 1

您可以使用

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

https://jsfiddle.net/7a2kzt90/

Answer 2

你的意思是只给它一个 ID 吗？

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

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

Answer 3

如果要为完整的 select 列表命名，只需输入名称属性。请参阅 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 4

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

这将为您提供两个选项（list1 或 list2），如果您选择 list1，则该值将为 1。

或者，如果您的意思是您需要自己命名下拉菜单，则需要创建一个值为“0”的新选项

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

Answer 5

啊好的，所以你的意思如下，但我会使用 css 来设置 select 列表旁边文本的样式，例如： 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>

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

如何给下拉列表 select 命名？

How to give a name to a drop down select list?

javascript

css

select

list

options