javascript - 使用 jquery 删除 optgroup

Question

我想用 jquery 删除或隐藏管理员用户的选项组，请帮助我 friend ......!

<select name="usergroup" id="usergroup">
    <optgroup id="admin" label="Admin List">
         <option value="admin1">Admin 1</option>
         <option value="admin1">Admin 1</option>
    </optgroup>
    <optgroup id="users" label="User List">
         <option value="user1">User 1</option>
         <option value="user1">User 1</option>
    </optgroup>
</select>

输出是这样的:

Admin List
  Admin 1
  Admin 2
User List
  User 1
  User 2

但我只想要:

User List
  User 1
  User 2

Answer 1

您可以简单地使用remove()从 dom 中完全删除或 .hide()如果你想隐藏它:

$("#users").remove();

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<select name="usergroup" id="usergroup">
  <optgroup id="admin" label="Admin List">
    <option value="admin1">Admin 1</option>
    <option value="admin1">Admin 1</option>
  </optgroup>
  <optgroup id="users" label="User List">
    <option value="user1">User 1</option>
    <option value="user1">User 1</option>
  </optgroup>
</select>

还有.detact()也会起作用。