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

如果你想隐藏它，你可以简单地使用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()也可以。

Answer 2

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

OR

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

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

Answer 3

试试这个：

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

<强> DEMO

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

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

<强> DEMO

使用jquery删除optgroup

3 个答案: