我这里有一个亚马逊网站的网址:https://www.amazon.com/dp/B07DKCQSQ5
我正在尝试编写一些javascript代码,以便在size下拉列表中选择一个size选项
我试图通过打开页面上的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)编写代码。
发布于 2020-11-04 08:46:38
如果您需要触发更改页面内容的事件,则必须模拟单击事件,如下所示:
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);
https://stackoverflow.com/questions/64676438
复制相似问题