人偶页面.select对于某些元素不起作用

Question

我正在尝试选择https://www.gumtree.com/中的“选择选项”值，但它不会更改选择元素的值

这是此组件的html源：

    <select name="attributes[vehicle_make]" id="vehicle_make" data-validation-group-channel="cars-vans-motorbikes-details-group" required="" aria-required="true" aria-invalid="false">
        <option value="">Please select...</option>  
        <option value="abarth">Abarth</option>  
        <option value="ac">AC</option>...
    </select>

这是我正在使用的代码：

    const select_vehicle_type = await page.waitForSelector("#vehicle_make");
    var value = 'Audi'; // I tried both 'Audi' and 'audi' as value but both doesn't work
    await page.select('#vehicle_make', value);

有人可以指出这里的问题吗？

Answer 1

问题是我试图将页面设置初始值设置为从服务器获取的下拉列表之前将值设置为下拉列表。我添加了超时等待，然后使用await page.select('#vehicle_make', value);，它按预期工作。