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

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

  •  1
  • Suppe  · 技术社区  · 8 年前

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

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

    5 回复  |  直到 8 年前
        1
  •  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>