<option>

内置浏览器 <option> 组件让你可以在 <select> 框内渲染一个选项。

<select>
  <option value="someOption">某个选项</option>
  <option value="otherOption">另一个选项</option>
</select>

参考
- <option>
用法
- 使用选项显示一个选择框

参考

`<option>`

内置浏览器 <option> 组件让你可以在 <select> 框内渲染一个选项。

<select>
  <option value="someOption">某个选项</option>
  <option value="otherOption">另一个选项</option>
</select>

在下面查看更多示例。

属性

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

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

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

注意事项

React 不支持 <option> 上的 selected 属性。请改为将此选项的 value 传递给父级 <select defaultValue>，用于非受控选择框；或者传递给 <select value>，用于受控选择框。

用法

使用选项显示一个选择框

渲染一个 <select>，其中包含一组 <option> 组件，以显示选择框。为每个 <option> 提供一个 value，表示将随表单提交的数据。

Fork

export default function FruitPicker() {
  return (
    <label>
      Pick a fruit:
      <select name="selectedFruit">
        <option value="apple">苹果</option>
        <option value="banana">香蕉</option>
        <option value="orange">橙子</option>
      </select>
    </label>
  );
}

Previous<input>

Next<progress>