щелкните параметр в раскрывающемся списке на веб-странице, используя javascript

У меня есть URL-адрес веб-сайта Amazon здесь: https://rads.stackoverflow.com/amzn/click/com/B07DKCQSQ5

Я пытаюсь написать код javascript, чтобы выбрать один из параметров размера в раскрывающемся списке размеров введите здесь описание изображения

Я пытаюсь выбрать параметр размера, открыв консоль devtools на странице и запустив код javascript в консоли.

Этот код: document.querySelector('#native_dropdown_selected_size_name') захватывает правильное раскрывающееся меню, и я могу просмотреть все вложенные элементы option.

Я попытался получить все вложенные элементы option и нажать на этот код:

document.querySelector('#native_dropdown_selected_size_name').querySelectorAll('option')[3].click() но он просто возвращает undefined и ничего не выбирается?

Я пытаюсь написать код на чистом javascript (без jquery)


javascript html queryselector
person Martin    schedule 04.11.2020    source источник
comment
Отвечает ли это на ваш вопрос? Как изменить выбранный параметр HTML с помощью JavaScript?< /а>   -  person MauriceNino    schedule 04.11.2020
comment
Если вы нажмете эту кнопку выбора, всплывающее окно не будет элементом ‹select›, это набор ‹a› внутри ‹ul›. Вы увидите, что вместо этого вам нужно запустить что-то вроде native_dropdown_selected_size_name_3.click().   -  person Chris G    schedule 04.11.2020

Ответы (1)


arrow_upward
0
arrow_downward

Если вам нужно инициировать событие, которое изменяет содержимое страницы, вам нужно имитировать событие клика следующим образом:

let dropdown = document.getElementById("native_dropdown_selected_size_name");
let dropdown_element = document.getElementById("native_dropdown_selected_size_name_1");
// change the id "native_dropdown_selected_size_name_1" using the number of the item you want to be selected

let evt = document.createEvent("MouseEvents");
evt.initMouseEvent("click", true, true, window, 0, 0, 0, 0, 0, false, false, false, false, 0, null);
dropdown.dispatchEvent(evt);
dropdown_element.dispatchEvent(evt);
person Fantantonio    schedule 04.11.2020
comment
этот код просто меняет текст, а не обновляет страницу (это то, что я хочу) - person Martin; 04.11.2020