puppeteer selecteng bootstrap-select 选项无效

Question

我会坦率地承认，我正在为木偶师而苦苦挣扎。我正在使用 bootstrap-select jquery 插件来做下拉菜单。这是一个 Jsfiddle 的例子 http://jsfiddle.net/9xr5af00/ 我已经尝试了很多不同的方式来开玩笑 - 木偶操纵者点击下拉菜单并点击下拉菜单中的一个元素。

（不确定如何将 puppeteer 与示例一起放入 jsfiddle）。
puppeteer 的所有示例似乎都表明我需要使用 val html 标签，但是 bootstrap-select 仅使用选项标签。

这是我尝试过的许多事情之一

await page.click('#client-picker')
let value = "A"
await page.select('#client-picker',value)

然而，延迟似乎 puppeteer 并没有真正向下滚动列表。我猜这是对的，因为它只是想在一个元素上做一个 select 。我怎样才能让 puppeteer 滚动列表中的条目？

Answer 1

它创建了 div 元素，您需要单击带有 data-id="client-picker"、select 父元素和 select li a 元素的按钮值。

await page.evaluate(() => {
  let value = "A"
  let clientPicker = document.querySelector('button[data-id="client-picker"]')
  clientPicker.click();
  let listOption = clientPicker.parentNode.querySelectorAll('li a')
  Array.from(listOption).find(item => item.textContent == value).click()
});

puppeteer selecteng bootstrap-select 选项无效

puppeeter selecting bootstrap-select option not val

puppeteer

bootstrap-select