Как получить выбранный option в select javascript
Перейти к содержимому

Как получить выбранный option в select javascript

  • автор:

Как получить выбранный option в select javascript

Извините, Internet Explorer не поддерживается, пожалуйста используйте более новый браузер.

Мы хотим сделать этот проект с открытым исходным кодом доступным для людей во всем мире. Пожалуйста, помогите нам перевести это руководство на другие языки.

Светлая тема Тёмная тема

Поделиться

  • Учебник
  • Браузер: документ, события, интерфейсы
  • Формы, элементы управления
  • Свойства и методы формы

Добавьте пункт к выпадающему списку

важность: 5

  1. Выведите значение и текст выбранного пункта.
  2. Добавьте пункт:.
  3. Сделайте его выбранным.

Решение шаг за шагом:

  

как получить значение select js

Чтобы получить значение выбранного элемента select в JavaScript, можно использовать свойство value у выбранного элемента. Например:

const select = document.querySelector('select'); // выбираем элемент select const selectedValue = select.value; // получаем значение выбранного элемента 

Здесь мы выбираем элемент select и затем получаем его значение, используя свойство value .

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

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

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

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

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

Отслеживать

5,980 1 1 золотой знак 19 19 серебряных знаков 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 ); >);
 

Как получить выбранный option в select javascript

Нужно получить жаваскриптом выбранный объект чтобы вытащить из него внутренний текст.

Нашел сам.
Другой вопрос: Если есть номер option, как получить номер children равного этому option?
на другом форуме подсказали. Можно закрывать темку

Оказывается неправильно подсказали.
Вопрос открыт: Как получить номер children’а в селекте имея самого этого children’а?

select.childNodes[0].index; // 0

(4) так не работает.
playlist.childNodes[0].index // -1
index показывает номер option не учитывая что есть optgroup

(5) кусок DOM на котором это происходит, пока не верю.

на главной мисты с optgroup:

(6) + кусок DOM = покажи кусок DOM
(3) Зачем? Уверен все решается гораздо проще.

(5) (6) да, был не прав. optgroup можно получить по индексу зная его, но у самого элемента такого свойства нет. Шизофрения какая-то.

Очень просто это решается на jQuery

Как на чистом решить пока не вижу.

Посмотрел в исходниках что за магию делает jQuery (http://code.jquery.com/jquery-1.11.0.js). Вобщем никакой магии там нет. Они вызывают метод inArray(), который возвращает индекс путем перебора всей коллекции.

Проблемы невозможно решaть нa том же уровне компетентности, нa котором они возникaют. Альберт Эйнштейн

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

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