从下拉列表中选择一个未使用Select using Puppeteer实现的选项
从下拉列表中选择一个未使用Select using Puppeteer实现的选项
提问于 2018-07-30 20:44:14
React AntD设计有一个下拉实现，它不使用Select标记来实现下拉。here就是一个例子。我在我们的一个项目中有一个类似的实现。
下拉列表中的选项使用ul和li标记填充，如下图所示-
如何通过此下拉菜单上的索引处理或选择任何选项？
对于Select，我们可以使用this SO讨论中提到的page.select()方法。我试过了，但是这个下拉选择不起作用。
我尝试了另一种方法，我使用page.keyboard.type('ArrowDown')和page.keyboard.type('Enter')单击并使用键转到某个选项，但这样做会返回TypeError: (intermediate value) is not a function错误。
回答 2
Stack Overflow用户
发布于 2018-07-31 08:59:32
使用您提供的example link，首先，您必须单击下拉链接以生成下拉列表。
然后，您可以按索引单击下拉菜单项链接：
await page.evaluate(() => {
const dropdown_link = document.querySelector('#components-dropdown-demo-trigger .ant-dropdown-link');
dropdown_link.click();
const dropdown_menu_item_links = document.querySelectorAll('.ant-dropdown > .ant-dropdown-menu > .ant-dropdown-menu-item > a');
dropdown_menu_item_links[0].click(); // Select Menu Item Link by Index
});Stack Overflow用户
发布于 2018-07-30 23:47:48
最好的方法是单击page.click，在本例中，我将为较大的选择器编写page.click('div.ant-dropdown.ant-dropdown-placement-bottomleft') page.click；ID可能会有所帮助。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/51594265
复制相关文章
相似问题
腾讯云开发者
