node.js - Headless Chrome Puppeteer 从没有 id 的下拉列表中选择选项

Question

我主要使用带有 nodejs puppeteer 库的无头 chrome。我在选择或单击下拉菜单中的任何选项时遇到问题。问题是所有的 ID 都是动态的，每次点击都会改变。我尝试过抓取 HTML 并搜索当前 ID，但无济于事。

还有另一种选择选项的方法吗？是否可以使用除 id 之外的其他选择器？

图片注释：在上面写着“homeState-aria-id-7”的地方，数字 7 是动态生成的

Answer 1

我不确定我是否完全遵循动态创建的 ID 会导致问题的原因。这是一个示例，说明了我如何解决问题并在上面的代码中使用选择器。

page.evaluate(optionSelector => {
    return document.querySelector(optionSelector).setAttribute('selected, 'true');
}, 'select[name="homeState"] > option[value="AL"]');