用jquery删除optgroup

Question

我想用jquery删除或隐藏管理用户的选项组，帮助我的朋友.！

<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

您可以简单地使用移除()从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()也能工作。

Answer 2

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

或

$( "#admin" ).hide();

JSBIN - http://jsbin.com/wuyuvaseva/1/

Answer 3

试试这个：

$('#admin').remove();

演示

您也可以使用.hide()，但需要重置选中框的默认值。

$(function(){
   $('#admin').hide();
   $('#usergroup option:visible:first').prop('selected',true);
});

演示