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

Вопрос задан 18 мая 2023
185 просмотров

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

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

Написано 19 мая 2023

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

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

Написано 19 мая 2023
Сергей delphinpro @delphinpro Куратор тега JavaScript

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

Написано 19 мая 2023
Denis Melnikov @Mi11er

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

Написано 19 мая 2023

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

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

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

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

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

Войти через центр авторизации

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

JavaScript

Простой
Async, js модули, в браузере как правильно сделать синхронизацию?
- 1 подписчик
- 3 часа назад
- 25 просмотров
0

ответов
JavaScript

+1 ещё

Средний
Как примерно выглядит async-await код, если его написать на промисах?
- 3 подписчика
- 8 часов назад
- 352 просмотра
1

ответ
HTML

+1 ещё

Простой
Как сделать так, чтобы содержимое defs работало?
- 1 подписчик
- 10 часов назад
- 37 просмотров
0

ответов
JavaScript

Простой
Как получить данные с API в формате JSON?
- 1 подписчик
- 13 часов назад
- 114 просмотров
1

ответ
JavaScript

Простой
Как спрятать ключи авторизации при HTTP запросах в JS?
- 1 подписчик
- 22 часа назад
- 1678 просмотров
3

ответа
HTML

+1 ещё

Простой
Выровнить картинку по центру в тексте, чтобы не зависимости всегда была по центру?
- нет подписчиков
- вчера
- 77 просмотров
1

ответ
JavaScript

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

ответа
JavaScript

Простой
Как отсортировать объект по первым ключам в JavaScript?
- 1 подписчик
- вчера
- 126 просмотров
3

ответа
JavaScript

Простой
Как мне сделать так, чтобы после клика мышкой значение переменно tovar менялось?
- 1 подписчик
- вчера
- 65 просмотров
1

ответ
JavaScript

+1 ещё

Простой
Галерея через сборку строки JS не позиционируется?
- 1 подписчик
- вчера
- 99 просмотров
0

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

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

SummerWeb • Ярославль

от 100 000 до 140 000 ₽

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

вАйТи

от 5 000 до 25 000 ₽

JavaScript Developer (backend / fullstack)

Brightdata • Тель-Авив

от 5 500 до 6 500 $

Разработать веб-ресурс для анкетирования пользователей на Python/C#

06 мая 2024, в 22:50

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

Скопировать верстку лендинга с доработками

06 мая 2024, в 22:07

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

Скопировать дизайн со скриншотов с небольшими правками в figma

06 мая 2024, в 21:43

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

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

Denis Melnikov @Mi11er

A human...

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

Ответ написан 18 мая 2023

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?

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

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

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