javascript - HTML 不从选项列表中选择 : set default to given value,

Question

所以我意识到你可以做到

<select>
    <option value="true">True</option>
    <option value="false" selected >False</option>
</select>

选择你想要的。

但就我而言，我使用的是 React，它看起来像这样:

<select>
    {this.renderList()}
</select>

所以我无权访问这些选项。我所拥有的是我想要作为默认选项的值。我试图显示默认值并允许用户更改它。

有没有办法使用属性来使用该值并将默认值设置为该值？

我想要什么:

<select default={this.props.user.profile.item}>
    {this.renderList()}
</select>

就属性而言，我尝试了占位符(无效果)、defaultValue(无效果)和值(显示，但无法更改)。

Answer 1

您可以使用 value 在下拉列表中设置默认选项<select> 的属性标签。也就是说，您可以按如下方式进行

<select value={this.props.user.profile.item}>
    {this.renderList()}
</select>

请在docs中阅读更多相关信息。

更新

您还可以设置默认值，如下所示。尝试一下..

<select defaultValue={this.props.user.profile.item}>
    {this.renderList()}
</select> 

检查here了解更多详情..