选择选项下拉菜单：隐藏下拉选项的默认值

Question

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

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