html - 活动下拉菜单

Question

我正在开发一个用户可以选择的项目。选择是，成员是活动成员还是非活动成员。如果成员是活动的，则用户将选择“活动”选项，如果不活动，则用户将选择“不活动”选项。

下拉式菜单

以下是我正在寻找的结果。有没有办法做到这一点？When, for example "Active" is selected I would like "Select one:" to change and say "Active" instead.

激活的下拉菜单

我希望这是有道理的。谢谢！

标签： htmlcssdrop-down-menureact-bootstrap

Answer 1

<h4> Are they active?</h4>
<select>
    <option value="" disabled selected>Select your option</option>
    <option value="active">Active</option>
    <option value="inactive">Inactive</option>
</select>