Slyweb
На разработку сайта! Скидки 50%!
Поиск CSS свойств и HTML элементов:
поиск



Все CSS свойства и HTML элементы справочника
<OPTION>...[</OPTION>]

Атрибуты элемента

selected данный атрибут активирует опцию
value атрибут устанавливает значение опции, передаваемое вместе с данными формы при её отправке, если опция была выбрана. Данное значение объединяется вместе со значением атрибута name элемента SELECT. Если значение данного атрибута не установлено, то вместо значения, с атрибутом name элемента SELECT объединяется содержимое опции.

Пример элемента select, в котором допускается выбирать сразу несколько пунктов, благодаря логическому атрибуту multiple:

  1.<FORM action="http://somesite.com/prog/component-select" method="post">
  2. <SELECT multiple size="4" name="component-select">
  3. <OPTION selected value="Component_1_a">Опция № 1</OPTION>
  4. <OPTION selected value="Component_1_b"> Опция № 2</OPTION>
  5. <OPTION> Опция № 3</OPTION>
  6. <OPTION> Опция № 4</OPTION>
  7. <OPTION> Опция № 5</OPTION>
  8. <OPTION> Опция № 6</OPTION>
  9. <OPTION> Опция № 7</OPTION>
10. </SELECT>
11. <INPUT type="submit" value="Send"><INPUT type="reset">
12.</FORM>


Доступ и установка с jQuery

  • Получить коллекцию элементов OPTION: val = $("OPTION");
  • Получить класс элементаOPTION: val = $("OPTION").attr("class");
  • Установить несколько CSS свойств HTML элементу OPTION: $("OPTION").css({"...":"..."});
  • Установить единичное CSS свойство HTML элементу OPTION: $("OPTION").css("...","...");
  • Как использовать jQuery для HTML, - читайте статью "jQuery и HTML для начинающих".
Александр Ермаков. Хостинг - www.pwstudio.org