如何为下拉选择列表命名？答案

【问题标题】：How to give a name to a drop down select list?如何为下拉选择列表命名？
【发布时间】：2018-02-17 22:08:19
【问题描述】：

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

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

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

谢谢:)

【问题讨论】：

标签： javascript css list select options

【解决方案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>

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

【讨论】：

edit：我已经为你更新了小提琴和代码。我假设您正在使用 post 功能在人们填写订单时提交表单。干杯

【解决方案2】：

<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>

【讨论】：

【解决方案3】：

你可以使用

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

https://jsfiddle.net/7a2kzt90/

【讨论】：

这不是我的目标。我想将数字保留为值，但要为完整的选择列表命名。
stackoverflow 中的片段比 jsfiddle 容易得多:)

【解决方案4】：

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

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

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

【讨论】：

不，例如，我有 2 个蛋糕选择列表：甜甜圈和松饼，您可以在选择列表中选择它们的数量。我的目标是在列表旁边直接放置一个文本。

【解决方案5】：

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

【讨论】：