活动下拉菜单

Question

我正在做一个项目，用户可以制作一个 selection。 select离子存在，是活跃成员或非活跃成员。如果会员活跃，用户将 select“活跃”selection，如果不活跃，则用户将 select“不活跃”selection。

Dropdown Menu

以下是我正在寻找的结果。有没有办法做到这一点？例如，当“活动”被 select 编辑时，我想将“Select 一个：”更改为“活动”。

Activated Dropdown Menu

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

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>

活动下拉菜单

Active Dropdown Menus

html

css

drop-down-menu

react-bootstrap