v-ons-select

Select component. If you want to place a select with an ID of my-id on a page, use <v-ons-select select-id="my-id">. The component will automatically display as a Material Design select on Android. Most attributes that can be used for a normal <select> component can also be used on the <v-ons-select> component.

Tutorial

See also

Props

Name Type Default Value Description
autofocus Boolean Element automatically gains focus on page load. Optional.
disabled Boolean Specify if select input should be disabled. Optional.
form String Associate a select component to an existing form on the page, even if not nested. Optional.
multiple Boolean If this attribute is defined, multiple options can be selected at once. Optional.
name String Name the select component, useful for instance if it is part of a form. Optional.
required Boolean Make the select input required for submitting the form it is part of. Optional.
select-id String ID given to the inner select, useful for dynamic manipulation. Optional.
size Number How many options are displayed; if there are more than the size then a scroll appears to navigate them. Optional.

Preset Modifiers

Name Description
material Displays a Material Design select input.
underbar Displays a horizontal line underneath a select input.

Discussion

Need Help?

If you have any questions, use our Community Forum or talk to us via Gitter chat. The Onsen UI team and your peers in the community will work together to help solve your issues.

For bug reports and feature requests use our GitHub Issues page.