选择选项下拉列表：隐藏下拉选项中的默认值

Question

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

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