Как получить значение с 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"?

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

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

Подписаться 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

Простой
Fetch дает ошибку?
- 1 подписчик
- 6 минут назад
- 11 просмотров
0

ответов
JavaScript

+1 ещё

Средний
При переходе на сайт из Telegram в мобильной версии, происходит подмена ссылки, как исправить?
- 1 подписчик
- 29 минут назад
- 14 просмотров
0

ответов
PHP

+1 ещё

Простой
Как исправить "Undefined array key «login»,"password" в $_POST?
- 1 подписчик
- 2 часа назад
- 56 просмотров
1

ответ
HTML

+2 ещё

Средний
Почему у меня не отображаются кнопки?
- 1 подписчик
- 5 часов назад
- 69 просмотров
2

ответа
HTML

+1 ещё

Простой
Правильно ли с точки зрения семантики БЭМ я расставляю wrapper'ы и вообще называю дивы?
- 1 подписчик
- 10 часов назад
- 67 просмотров
0

ответов
JavaScript

Простой
Обьясните про функцию массив?
- 3 подписчика
- 14 часов назад
- 209 просмотров
1

ответ
HTML

+1 ещё

Простой
Как установить одну и ту же ширину элементов в разных блоках?
- 1 подписчик
- 20 часов назад
- 69 просмотров
1

ответ
HTML

+1 ещё

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

ответ
HTML

+1 ещё

Простой
Паддинг и Маргин ломает длину и ширину, не получается выставить отступы внутри блока?
- 1 подписчик
- вчера
- 55 просмотров
1

ответ
JavaScript

+1 ещё

Простой
Почему JS не видит SVG-элементы по ID?
- 1 подписчик
- вчера
- 66 просмотров
1

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

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

Rocket • Смоленск

от 80 000 до 130 000 ₽

Fullstack разработчик JavaScript, php

Дорстрой-36 • Воронеж

от 100 000 до 200 000 ₽

JavaScript FullStack developer

Wanted. • Санкт-Петербург

До 220 000 ₽

Развернуть OpenSource софт на сервере

23 нояб. 2024, в 17:32

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

Отрисовать дизайн веб-страницы генерации математических примеров

23 нояб. 2024, в 16:00

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

Сделать бот программу для браузерной игры

23 нояб. 2024, в 15:17

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

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?

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

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

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