select
Choose an option from dropdown menus on web pages using CSS selectors to automate form filling and testing workflows in browser automation.
Instructions
Select an option from a dropdown
Input Schema
TableJSON Schema
| Name | Required | Description | Default |
|---|---|---|---|
| selector | Yes | CSS selector for the select element | |
| value | Yes | Value to select |
Implementation Reference
- index.js:750-774 (handler)The handler function for the 'select' tool. It uses CDP Runtime.evaluate to execute JavaScript that finds the select element by CSS selector, sets its value, dispatches a change event, and returns success or throws if not found.
async select(selector, value) { await this.ensureChromium(); const result = await this.sendCDPCommand('Runtime.evaluate', { expression: ` const select = document.querySelector('${selector}'); if (select) { select.value = '${value}'; select.dispatchEvent(new Event('change', { bubbles: true })); true; } else { false; } `, returnByValue: true }); if (!result.result?.value) { throw new Error(`Select element not found: ${selector}`); } return { content: [{ type: 'text', text: `Selected '${value}' in ${selector}` }], }; } - index.js:214-229 (schema)The tool schema definition in the listTools response, including name, description, and input schema requiring 'selector' (string) and 'value' (string).
name: 'select', description: 'Select an option from a dropdown', inputSchema: { type: 'object', properties: { selector: { type: 'string', description: 'CSS selector for the select element', }, value: { type: 'string', description: 'Value to select', }, }, required: ['selector', 'value'], }, - index.js:366-366 (registration)Registration of the 'select' tool handler within the switch statement of the CallToolRequestSchema request handler.
return await this.select(args.selector, args.value);