<Select />

実例

Select input

The <ons-select> element is used to display a select box with an arbitrary number of options.

There are several props that can be used to customize the behavior of the element. These are the same props as those that can be used for the regular HTML <select> element.

If you want to place a select with an ID of my-id on a page, use <Ons.Select select-id="my-id">.

Please check the Onsen UI Reference documentation for a complete reference of the enabled props.

Prop一覧

名前 型 / デフォルト値 概要
modifier string The appearance of the select box. (翻訳中) Optional.
disabled bool Specifies whether the select is disabled. (翻訳中) Optional.
onChange function Called when the value of the select changes. (翻訳中) Optional.
value string Use this prop to set the selected option value. (翻訳中) Optional.
multiple boolean If this attribute is defined, multiple options can be selected at once. (翻訳中) Optional.
autofocus boolean Element automatically gains focus on page load. (翻訳中) Optional.
required boolean Make the select input required for submitting the form it is part of. (翻訳中) Optional.
form string Associate a select element to an existing form on the page, even if not nested. (翻訳中) Optional.
size string How many options are displayed; if there are more than the size then a scroll appears to navigate them (翻訳中) Optional.

プリセットのmodifier

Name 概要
material Displays a Material Design select input. (翻訳中)
underbar Displays a horizontal line underneath a select input. (翻訳中)

議論

お困りですか?

Onsen UIに関する質問は、Stack Overflowにてonsen-uiタグを付与してください。Onsen UIチームはあなたの問題解決をお手伝いします。

バグ報告や機能要望については、GitHub Issuesに記載をお願いいたします。

あわせて、下記の情報も参考にしてください。