Как получить значение с querySelector?

Question

php_xak @php_xak

Как получить значение с querySelector?

<select class="form-control form-control-lg" id="processor"required="">
                                        <option value="6398">6398р. — Процессор Intel Core i3-10100F Box Comet Lake-S 3.6(4.3) ГГц / 4core / без видеоядра / 6Мб / 65 Вт s.1200 BX8070110100F</option>
                                        <option value="11898">11898р. — Процессор Intel Core i3-12100 Box  Alder Lake 3.3(4.3) ГГц /4core/ UHD Graphics 730/ 12Мб /89Вт s.1700 BX8071512100</option>
                                        <option value="37498">37498р. — Процессор Intel Core i9-12900KF Box без кулера Alder Lake 3,2(5.2) ГГц /16core/ без видеоядра/ 30Мб /241Вт s.1700 BX8071512900KF</option>
                                      </select>

и

processor = document.querySelector('#processor'),

Как получить значение(value="6398" стоимость) выбранного пункта из select с id "processor"?

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

Комментировать

Подписаться 1 Простой Комментировать

Решения вопроса 1

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

Denis Melnikov @Mi11er

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body>
    <select class="form-control form-control-lg" id="processor" required="">
      <option value="6398">
        6398р. — Процессор Intel Core i3-10100F Box Comet Lake-S 3.6(4.3) ГГц /
        4core / без видеоядра / 6Мб / 65 Вт s.1200 BX8070110100F
      </option>
      <option value="11898">
        11898р. — Процессор Intel Core i3-12100 Box Alder Lake 3.3(4.3) ГГц
        /4core/ UHD Graphics 730/ 12Мб /89Вт s.1700 BX8071512100
      </option>
      <option value="37498">
        37498р. — Процессор Intel Core i9-12900KF Box без кулера Alder Lake
        3,2(5.2) ГГц /16core/ без видеоядра/ 30Мб /241Вт s.1700 BX8071512900KF
      </option>
    </select>
    <button onclick="test()">click</button>
    <script>
      async function test() {
        let s = document.querySelector("#processor").value;
        console.log(s);
      }
    </script>
  </body>
</html>

Написано более года назад

php_xak @php_xak Автор вопроса

Evgenii, а реально как получить только одно value?

Написано более года назад
Сергей delphinpro @delphinpro Куратор тега JavaScript

Evgenii, а сколько их получается по вашему? одно и есть

Написано более года назад
Denis Melnikov @Mi11er

php_xak, value это значение , значение селекта ) откуда там несколько.
Либо вы имели ввиду список оптионс

Написано более года назад

Пригласить эксперта

Ответы на вопрос 1

Комментировать

Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы

JavaScript

Простой
Как найти и сгруппировать элементы с одинаковым классом?
- 1 подписчик
- 3 часа назад
- 51 просмотр
1

ответ
JavaScript

+2 ещё

Средний
Как скроллить определенный блок Div?
- 1 подписчик
- 5 часов назад
- 77 просмотров
0

ответов
JavaScript

+1 ещё

Простой
Как написать текст на окружности и посчитать точки?
- 1 подписчик
- 17 часов назад
- 73 просмотра
0

ответов
JavaScript

Средний
Как остановить весь скрипт js при выполнении условия tampermonkey?
- 1 подписчик
- 23 часа назад
- 76 просмотров
2

ответа
JavaScript

Средний
.stopPropagation() на самом деле не останавливает распространение события?
- 1 подписчик
- вчера
- 105 просмотров
1

ответ
JavaScript

Простой
Нужно ли проверять импорт модуля js на повторную загрузку?
- 1 подписчик
- вчера
- 52 просмотра
1

ответ
HTML

+1 ещё

Простой
Как сделать одинаковую высоту у карточек?
- 1 подписчик
- вчера
- 112 просмотров
1

ответ
HTML

+1 ещё

Простой
Как внизу блока сделать маску волной и поместить туда изображение?
- 2 подписчика
- вчера
- 154 просмотра
2

ответа
JavaScript

+1 ещё

Простой
Почему у меня не может найти URL_TO_BOT?
- 1 подписчик
- вчера
- 53 просмотра
0

ответов
JavaScript

+3 ещё

Простой
Как отключить swiper-bundle.min.css?
- 1 подписчик
- вчера
- 61 просмотр
2

ответа
Показать ещё Загружается…

JavaScript FullStack разработчик

Rocket • Смоленск

от 80 000 до 130 000 ₽

Fullstack-разработчик PHP/JavaScript

LegalIndonesia

от 3 000 до 3 000 $

Бэкэнд-разработчик JavaScript

Wanted. • Москва

от 250 000 до 400 000 ₽

Необходимо разработать/доработать лендинг в короткие сроки

27 дек. 2024, в 15:01

4500 руб./за проект

Настроить обмен 1С 8.3 с сайтом на Bitrix CMS

27 дек. 2024, в 14:53

50000 руб./за проект

Натянуть макет на Wix

27 дек. 2024, в 14:51

10000 руб./за проект

Answer 1 · 2023-05-18 23:55:30

Denis Melnikov @Mi11er

A human...

document.getElementById("processor").value
document.querySelector("#processor").value

Ответ написан более года назад

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

Answer 2 · 2023-05-19 09:12:18

тебе так сложно нажать правую кнопку в инспекторе на нужной ветке и выбрать copy as css selector?
не всегда оно красивое но браузер старается
#processor > option:nth-child(1)

по теме, воспользуйся css selector по значению атрибута
#processor > option[value="6398"]

p.s. тебе точно нужно выбирать по значению цены? может правильнее использовать querySelectorAll и перебирать каждое значение, проверять по условию и действовать?

Как получить значение с querySelector?

Войдите, чтобы написать ответ

Минуточку внимания

Войдите на сайт