select option dropdown: 隐藏下拉选项的默认值

Question

我有一个下拉列表，它应该显示用户当前角色的默认值。下拉列表显示所有角色。如果角色是 'admin' 我会看到这样的管理员、管理员、用户：

 <div class="col-md-9">
                  <select>
                    <option>{{data.role}}</option>
                    <option>Admin</option>
                    <option>User</option>
                  </select>
                </div>

我如何使用它来避免看到角色两次？

Answer 1

试一试：

select option:checked {
    display: none;
}

select option dropdown: 隐藏下拉选项的默认值

select option dropdown: hide the default value from dropdown options

select

default

dropdown