I am working on a project where the user has a selection to make. The selection being, is the member an active member or an inactive member. If the member is active, the user will select the "Active" selection, if inactive, then the user would select the "Inactive" selection.

Dropdown Menu

Below is what I am looking for as a result. Is there a way to do this at all? When, for example "Active" is selected I would like "Select one:" to change and say "Active" instead.

Activated Dropdown Menu

I hope this makes sense. Thank you!

CodePudding user response：

<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>

<iframe name="sif1" sandbox="allow-forms allow-modals allow-scripts" frameborder="0"></iframe>