Page.select() method

Triggers a change and input event once all the provided options have been selected. If there's no <select> element matching selector, the method throws an error.

Signature

typescript

class Page {
  select(selector: string, ...values: string[]): Promise<string[]>;
}

Parameters

Parameter

</th><th>

Type

</th><th>

Description

</th></tr></thead> <tbody><tr><td>

selector

</td><td>

string

</td><td>

selector to query the page for. CSS selectors can be passed as-is and a Puppeteer-specific selector syntax allows querying by text, a11y role and name, and xpath and combining these queries across shadow roots. Alternatively, you can specify the selector type using a prefix.

</td></tr> <tr><td>

values

</td><td>

string[]

</td><td>

Values of options to select. If the <select> has the multiple attribute, all values are considered, otherwise only the first one is taken into account.

</td></tr> </tbody></table>

Returns:

Promise<string[]>

Remarks

Shortcut for page.mainFrame().select()

Example

page.select('select#colors', 'blue'); // single selection
page.select('select#colors', 'red', 'green', 'blue'); // multiple selections