<Select modifier="material"
value={this.state.value}
onChange={(event) => this.setState({value: event.target.value})}>
<option value="1">1</option>
<option value="2">2nd</option>
<option value="3">3rd option</option>
</Select>
名前 | 型 / デフォルト値 | 概要 |
---|---|---|
modifier | string | The appearance of the select box. (翻訳中) Optional. |
disabled | bool | Specifies whether the select is disabled. (翻訳中) Optional. |
onChange | func | Called when the value of the select changes. (翻訳中) Optional. |
value | string | Use this prop to set the selected option value. (翻訳中) Optional. |
defaultValue | string | Use this prop to set the defalut selected option value (uncontrolled components). (翻訳中) Optional. |
multiple | bool | If this attribute is defined, multiple options can be selected at once. (翻訳中) Optional. |
autofocus | bool | Element automatically gains focus on page load. (翻訳中) Optional. |
required | bool | 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 | number | How many options are displayed; if there are more than the size then a scroll appears to navigate them (翻訳中) Optional. |
name | string | Name the select element, useful for instance if it is part of a form. (翻訳中) Optional. |
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に記載をお願いいたします。
あわせて、下記の情報も参考にしてください。