Удалить optgroup с jquery

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

Попробуйте это:

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

DEMO

Вы можете использовать .hide() также, но тогда нужно сбросить по умолчанию выбранного значения поля выбора

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

DEMO

Answer 2

Вы можете просто использовать remove(), чтобы полностью удалить из йот или .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 3

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

ИЛИ

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

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