puppeteer - 如何使用 puppeteer 选择单选按钮

Question

我是第一次使用 puppeteer，而不是工程师/程序员!

我已经能够生成我尝试使用 puppeteer 的大部分表单，但是我被单选按钮卡住了。网络表单中的开发人员工具显示该字段的以下内容:

<input id="Mortgagees_0__MortgageeType" name="Mortgagees[0].MortgageeType" type="radio" value="COR">

使用:await page.click('#Mortgagees_0__MortgageeType', 'COR') 大多数在线帮助页面提供的似乎不起作用(没有错误，它只是没有选择我想要的选项)

我尝试了其他几种变体，如下所示，也没有用:

wait page.click('input[id=Mortgagees_0__MortgageeType]', 'COR')

我可以看到“输入 ID”与其他 ID 字段不同，但不确定要做什么不同。

请帮忙？这是我要填充的网络表单: http://lrforms.arnecc.gov.au/lrforms/NationalMortgageForm/Entry

Answer 1

只要元素确实存在并且可以点击，就没有理由这样做:

await page.click('#Mortgagees_0__MortgageeType');

不会工作。我不知道那个“COR”参数是什么，但这不是你使用 page.click() 的方式.

如果这不起作用，请尝试查找该元素在 Puppeteer 尝试单击它时是否确实存在于页面上。您可能需要在点击前加上 page.waitForSelector()或者通常等待页面加载等。

你也可以试试这个:

await page.evaluate(() => {
    let radio = document.querySelector('#Mortgagees_0__MortgageeType');
    radio.click();
});

事实上，我会先打开浏览器 DevTools 并运行:

>> let radio = document.querySelector('#Mortgagees_0__MortgageeType');
>> radio.click();

在控制台看看JS是如何处理这种情况的。如果点击 radio ，我会在 Puppeteer 中使用我之前展示的相同内容。

查看站点并在 JS 控制台中浏览它，您只需选择一个正确的选择器即可:

document.querySelector('[id=Mortgagees_0__MortgageeType][value=COR]');

或:

document.querySelector('[id=Mortgagees_0__MortgageeType][value=IND]');

或:

document.querySelector('[id=Mortgagees_0__MortgageeType][value=OHT]');