正在获取下拉列表的最后一个选项

Getting the last option of a drop down list

本文关键字：最后一个 选项 下拉列表 获取      更新时间：2023-09-26

我似乎无法从下拉列表中选择一个元素，也无法让页面识别更改。当生成选项值时，我不能直接单击它们，而是必须通过某种索引/数字进行选择。

因此，当我使用此代码选择第二个选项时：

casper.evaluate(function()
{
    document.querySelector('select[id="sub-product-select"]').selectedIndex = 2;
    return true;
});

第二个选项已设置，但页面无法识别更改，也不会更改某些依赖值，如价格或激活相同形式的"购买"按钮。

下拉选择如下所示：

<form id="form-product-add-to-cart" action="/cart/add">
    <select id="sub-product-select">
        <option value=""></option>
        <option value="02T01S1-01"></option>
        <option value="02T01S1-02"></option>
        <option value="02T01S1-03"></option>


所以问题是：如何不仅选择第二个条目，而且让页面像被点击或在选择后得到"返回"一样识别它？

对我来说，这段代码很有效：

this.mouse.down("select#sub-product-select");//press left button 
this.mouse.up('select#sub-product-select > option:nth-of-type(2)');//release left button

您的选择器是唯一的吗？如何检查更改？请尝试slimerJS来实时查看它们（点击新闻稿）。

相关文章：