выпадающее меню для контента на странице не было изменено

Question

Вот исходный код выпадающего меню, и я пытаюсь изменить его на 100 на страницу по умолчанию из 20.

<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>条</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();

Answer 1

Решил проблему, выполнив:

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