# selectByVisibleText

Select option with displayed text matching the argument.

## Usage[​](#usage "Direct link to Usage")

```
await $(selector).selectByVisibleText(text)
```

## Parameters[​](#parameters "Direct link to Parameters")

| Name   | Type             | Details                                |
| ------ | ---------------- | -------------------------------------- |
| `text` | `String, Number` | text of option element to get selected |

## Examples[​](#examples "Direct link to Examples")

example.html

```
<select id="selectbox">
    <option value="someValue0">uno</option>
    <option value="someValue1">dos</option>
    <option value="someValue2">tres</option>
    <option value="someValue3">cuatro</option>
    <option value="someValue4">cinco</option>
    <option value="someValue5">seis</option>
</select>
```

selectByVisibleText.js

```
it('demonstrate the selectByVisibleText command', async () => {
    const selectBox = await $('#selectbox');
    console.log(await selectBox.getText('option:checked')); // returns "uno"
    await selectBox.selectByVisibleText('cuatro');
    console.log(await selectBox.getText('option:checked')); // returns "cuatro"
})
```