如何使用节点 Puppeteer 设置选择值答案

【问题标题】：How to set value of select with node Puppeteer如何使用节点 Puppeteer 设置选择值
【发布时间】：2018-01-29 05:20:51
【问题描述】：

我正在尝试使用相当新的 GoogleChrome/puppeteer 库进行一些自动化操作，但我不知道如何在选择字段中设置值。

这是我设置文本输入值的（简化的）函数：

async function setInputVal(sel, text) {
    await page.focus(sel)        
    page.press('Backspace')
    page.type(text)
}

await setInputVal('input.searchjob', task.id)

我不知道如何为选择字段做同样的事情。

我已尝试设置焦点、插入脚本并执行，但无法正常工作。

【问题讨论】：

作为后续行动：puppeteer 现在确实有一个 first-class API。
已链接 - select an option from dropdown select

标签： node.js automation google-chrome-headless puppeteer

【解决方案1】：

您可以使用page.select() 到select 和option：

await page.select('select#example', 'carrot');

【讨论】：

【解决方案2】：

我自己找到了解决方案：

async function setSelectVal(sel, val) {
    page.evaluate((data) => {
        return document.querySelector(data.sel).value = data.val
    }, {sel, val})
}

await setSelectVal('#select_id', 'newValue')

【讨论】：