时间戳

首页 > 解决方案 > 每页内容的下拉菜单未更改

puppeteer - 每页内容的下拉菜单未更改

问题描述

这是下拉菜单的源代码，我试图将其从默认的 20 更改为每页 100。

<label class="control-label pull-right" style="margin-right: 10px; font-weight: 100;">

        <small>显示</small>&nbsp;
        <select class="input-sm grid-per-pager" name="per-page">
            <option value="https://www.mysite-com/admin/order?per_page=10" >10</option>
<option value="https://www.mysite-com/admin/order?per_page=20" selected>20</option>
<option value="https://www.mysite-com/admin/order?per_page=30" >30</option>
<option value="https://www.mysite-com/admin/order?per_page=50" >50</option>
<option value="https://www.mysite-com/admin/order?per_page=100" >100</option>
        </select>
        &nbsp;<small>条&lt;/small>
    </label>

这是我进行选择的代码，代码成功运行而不会引发错误。我可以在浏览器上看到移动，但它仍然是选择的每页 20，而不是 100。为什么每页没有更改为 100？

(async () => {
    const browser = await puppeteer.launch({headless: false, args:[
      '--start-maximized' // you can also use '--start-fullscreen'
   ]});
    const page = await browser.newPage(); 
    await page.setViewport({ width: 1600, height: 900});

 ...........
    await page.waitForSelector('select[name="per-page"]');
    await page.waitForSelector('select[name="per-page"] > option:nth-child(5)');
    .....
    await browser.close();

标签： puppeteer

解决方案

通过这样做解决了问题：

await page.goto("https://www.mysite-com/admin/order?per_page=100", {waitUntil: 'load'});

推荐阅读