更改选择选项中的选定值

Question

我目前无法更改下拉列表的值。我目前正在https://www.reebok.com/us/cart 上将商品添加到我的购物车中。我正在尝试更改数量。

我正在尝试将我的 java 代码重写为 javascript。话虽如此。

Select select = new Select(driver.findElement(By.xpath("//* [@id=\"app\"]/div/div/div/div/div[2]/div/main/div[1]/div/div/div/div/div/div[2]/div[2]/div[2]/div/div/select")));
select.selectByVisibleText(5);

目前使用 Selenium 库在 java 中为我工作。但是在 Javascript 中，我无法模拟相同的步骤。我什么都试过了。

编辑：我试过了

var select= document.evaluate('//*[@id="app"]/div/div/div/div/div[2]/div/main/div[1]/div/div/div/div/div/div[2]/div[2]/div[2]/div/div/select', document, null, XPathResult.FIRST_ORDERED_NODE_TYPE, null).singleNodeValue;
select.selectedIndex=7;

和

document.getElementsByClassName('gl-dropdown-native__select-element')[0].value=7;

Answer 1

这是改变购物篮中物品的工作功能。问题是找到他们所依赖的处理程序和事件类型。是mouseup 和直接在窗口中的事件。

function changeItemTo(itermNumber) {
    const itemsSelector = '.gl-dropdown-custom__options button';
    const itemsElements = document.querySelectorAll(itemsSelector);
    if (itemsElements == null) throw new Error(`Selector ${itemsSelector} is wrong, nothing found`);
    const buttonForItem = itemsElements[itermNumber];
    if (buttonForItem == null) throw new Error(`Item with index: ${itermNumber} not found`);

    buttonForItem.dispatchEvent(new Event('mouseup', { bubbles: true, cancelable: true, }));
}

希望这会有所帮助！