Атрибут value

23.09.2010

Влад Мержевич

Internet Explorer	Chrome	Opera	Safari	Firefox	Android	iOS
4.0+	1.0+	4.0+	1.0+	1.0+	1.0+	1.0+

Спецификация

HTML:

3.2

4.01

5.0

XHTML:

1.0

1.1

Описание

Определяет значение пункта списка, которое будет отправлено на сервер. На сервер отправляется пара «имя=значение», где имя задается атрибутом name тега <select>, а значение — атрибутом value выделенных пунктов списка. Значение может как совпадать с текстом пункта, так быть и самостоятельным. Также атрибут value применяется для получения значений данных через скрипты.

Синтаксис

<option value="значение">...</option>

Значения

Любая текстовая строка заключенная в двойные или одинарные кавычки.

Значение по умолчанию

Нет.

Пример

HTML5IECrOpSaFx

<!DOCTYPE HTML>
<html>
 <head>
  <meta charset="utf-8">
  <title>Тег OPTION, атрибут value</title>
  <script>
    function dataSelect(f) {
     n = f.hero.selectedIndex
     if(n) alert("Выбран герой: " + f.hero.options[n].value)
    }
  </script>
 </head>
 <body>

  <form action="option1.php">
   <p><select name="hero">
   <option>Выберите героя</option>
   <option value="Чебурашка">Чебурашка</option>
   <option value="Крокодил Гена">Крокодил Гена</option>
   <option value="Шапокляк">Шапокляк</option>
   <option value="Крыса Лариса">Крыса Лариса</option>
   </select>
   <input type="button" value="OK" onClick="dataSelect(this.form)"></p>
  </form> 

 </body>
</html>