Как дать имя выпадающему списку?

1

Привет, ребята, я получил этот список выбора:

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

Этот элемент отображает только число, которое нужно выбрать, то есть варианты 1 или 2. Есть ли возможность добавить имя в этот список выбора? Например, "List1" или "List2"? Моя цель - разместить текст непосредственно рядом с списком.

Спасибо :)

Теги:
select
list
options

5 ответов

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>

Надеюсь, это то, что вы имеете в виду, но я сомневаюсь в этом, поскольку это просто вопрос добавления текста;)

  • 0
    редактировать: я обновил скрипку и код для вас. Я предполагаю, что вы используете функцию публикации для отправки формы, когда люди заполняют свои заказы. ура
0

если вы хотите указать имя для полного списка выбора, просто введите свойство 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>
0

Ты можешь использовать

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

https://jsfiddle.net/7a2kzt90/

  • 0
    Это не моя цель. Я хочу сохранить числа в качестве значений, но дать полный список выбора имя.
  • 1
    Фрагменты в stackoverflow намного проще, чем jsfiddle :)
0

Вы имеете в виду, просто указав ему идентификатор?

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

Что вы хотите достичь с этим списком?

  • 0
    Нет, например, у меня есть 2 списка выбора для тортов: пончик и маффин, и вы можете выбрать их количество в списке выбора. Моя цель - разместить текст прямо рядом со списком.
0
<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>

Ещё вопросы

Сообщество Overcoder
Наверх
Меню