Как взять значение из select js
Перейти к содержимому

Как взять значение из select js

  • автор:

Как взять значение из select js

HTML тэг представляет собой элемент управления который содержит меню опций:

Категории содержимого Основной поток, текстовый контент, интерактивный контент, списочный, labelable, сбрасываемый, и submittable form-associated element
Допустимое содержимое Ноль или более или элементы.
Пропуск тегов Открывающий и закрывающий теги обязательны.
Допустимые родители Любые элементы в которых разрешено текстовое содержимое
Допустимые ARIA-роли menu
DOM-интерфейс HTMLSelectElement

Атрибуты

Этот атрибут указывает что при загрузке страницы данный элемент формы должен иметь фокус ввода, пока пользователь не переопределит это, к примеру печатая в разных элементах управления. Только один элемент формы может иметь атрибут autofocus , элемент является логическим (булевым).

Этот логический атрибут указывает что пользователь не может взаимодействовать с элементом управления. Если атрибут не указан, элемент управления наследует настройки от содержащего его элемента, к примеру fieldset ; если у родительского элемента не указан атрибут disabled , то элемент управления доступен для взаимодействия.

Этот атрибут указывает к какой конкретно форме относится элемент . Если атрибут указан, его значением должно быть ID формы в том же документе. Это позволяет размещать элементы где угодно в документе, а не только как потомки форм.

Этот логический атрибут указывает что возможен выбор нескольких опций в списке. Если данный атрибут не указан, то только одна опция может быть выбрана.

Этот атрибут используется для указания имени элемента управления.

Этот логический атрибут указывает что обязательно должна быть выбрана опция и которая содержит не пустую строку.

Если элемент управления представлен как прокручиваемый список, этот атрибут указывает количество строк в списке, которые должны быть видны за раз. Браузеру не требуется представлять в виде прокручиваемого списка. Значение по умолчанию 0.

Примечание: Согласно спецификации HTML5, значение размера по умолчанию должно быть 1; однако на практике, оказывается что это портит некоторые веб сайты, и ни один браузер не придерживается этого на данный момент, поэтому Mozilla предпочла также указать 0 пока что в Firefox.

Примеры

select name="select"> option value="value1">Значение 1option> option value="value2" selected>Значение 2option> option value="value3">Значение 3option> select> 

Результат

Примечания

Контент этого элемента статичен и не редактируемый.

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

Specification
HTML Standard
# the-select-element

Совместимость с браузерами

BCD tables only load in the browser

Смотрите также

  • Другие элементы форм: , , , , , , , , , , , and .
  • События запускаемые : change.

Курсы javascript

извините. не так скопировала сюда, потому что уже здесь в коде изменяла имена переменных на нормальные
в Sublime написано правильно sel.options[sel.selectedIndex].value и все равно не работает такая запись

15.10.2017, 13:52
Новичок на форуме
Регистрация: 15.10.2017
Сообщений: 4
15.10.2017, 15:24
Регистрация: 27.05.2010
Сообщений: 33,072
Alla963,
select а не sel
15.10.2017, 15:55
Новичок на форуме
Регистрация: 15.10.2017
Сообщений: 4

почему select, а не sel?
я имею в виду, что изначально было так:
var sel = document.getElementById(«select_»);
var val = sel.options[sel.selectedIndex].value;
alert(val);
а затем я здесь в редакторе меняла sel на select и val на value, но забыла поменять в том месте

Как получить выбранные данные из select, option и вывести их в созданный в js блок на странице?

Как вывести выбранные данные select option в созданный в JavaScript-е в желтый блок?

Есть расписание, где ты выбираешь дни недели, время, и пишешь что угодно в input-text. А затем нажимаешь на кнопку добавить расписание (add-schedule типо того) после эти данные (выбранные значения) сохраняются в массиве ‘allInfo’;
И форма очищается.
И по кругу делаешь так сколько хочешь.

Затем при нажатии на кнопку «Показать Расписание (show schdeule)» выводятся желтые блоки с надписями
«Какой День:» «Какое Время:» «Какой Предмет:» а рядом имеются еще пустые h1 где должны быть те информации которые мы выбирали из select option.

Вопрос, как сделать так чтобы внутри этих пустых h1 находились те данные которые мы выбрали из select, option ?
Значения, value..

Ссылка на работу ниже >

  • Вопрос задан более года назад
  • 1368 просмотров

3 комментария

Средний 3 комментария

Как получить value из option на чистом JS?

Делаю блок калькулятора на чистом JS. Столкнулась с проблемой, что не могу получить значение value в option. Как вариант, получилось только через onchange в html, но знаю, что это костыль, поэтому интересует правильное решение.

var select = document.getElementById('agriculture'); selectFunction = function()
 

введите сюда описание изображения

Потом эти значения буду использовать в формуле.

Отслеживать

5,980 1 1 золотой знак 20 20 серебряных знаков 26 26 бронзовых знаков

задан 6 сен 2019 в 8:46

Oksana Kirichuk Oksana Kirichuk

55 1 1 серебряный знак 5 5 бронзовых знаков

2 ответа 2

Сортировка: Сброс на вариант по умолчанию

Это не костыль, просто иногда бывает неудобно редактировать JS-функции в HTML. К тому же, где-то в другом месте кода если захочется добавить еще одно событие onchange на этот элемент, новый будет работать, а предыдущий — перестанет. В целом, полезнее использовать addEventListener

var select = document.getElementById('agriculture'); select.addEventListener('change', function()< var getValue = this.value; // this в этом контексте - элемент, который запустил фукнцию. То же, что и select.value; console.log( getValue ); >);
 

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *