htmlbook.ru

Атрибут value

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

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>

Не выкладывайте свой код напрямую в комментариях, он отображается некорректно. Воспользуйтесь сервисом cssdeck.com или jsfiddle.net, сохраните код и в комментариях дайте на него ссылку. Так и результат сразу увидят.

AltStyle によって変換されたページ (->オリジナル) /