<option>

内置浏览器<option>组件允许你在<select>框内渲染选项。

<select>
  <option value="someOption">Some option</option>
  <option value="otherOption">Other option</option>
</select>

参考
- <option>
用法
- 显示带有选项的选择框

参考

`<option>`

内置浏览器<option>组件允许你在<select>框内渲染选项。

<select>
  <option value="someOption">Some option</option>
  <option value="otherOption">Other option</option>
</select>

请参见下面的更多示例。

属性

<option> 支持所有通用的元素属性。

此外，<option> 支持以下属性

disabled：布尔值。如果为true，则该选项不可选择，并且将显示为暗淡。
label：字符串。指定选项的含义。如果未指定，则使用选项内的文本。
value：提交父<select>表单时使用的值，如果选择了此选项。

注意事项

React 不支持<option>上的selected属性。相反，对于非受控选择框，请将此选项的value传递给父<select defaultValue>；对于受控选择框，请传递给<select value>。

使用

显示带选项的选择框

渲染一个包含一系列`<option>组件的`<select>来显示选择框。为每个`<option>赋予一个`value属性，该属性代表将与表单一起提交的数据。

Fork

export default function FruitPicker() {
  return (
    <label>
      Pick a fruit:
      <select name="selectedFruit">
        <option value="apple">Apple</option>
        <option value="banana">Banana</option>
        <option value="orange">Orange</option>
      </select>
    </label>
  );
}

上一页<input>

下一页<progress>