<Select />

使い方

<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に記載をお願いいたします。

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