javascript - 用 JS 删除选项标签

Question

我有这个生成的代码：

<select class="generic-widget" id="auth_user_group_id" name="group_id">
<option value=""></option>
<option value="2">admin</option>
<option value="3">user</option>
<option value="1">guest</option>
</select>

我需要使用 JS 删除来宾选项并尝试将用户选项设置为默认值...

我尝试使用此 JQuery 代码删除来宾选项，但失败了：

<script>
$('option').each(function(){
    if($(this).attr('value') == '1') {
        $(this).remove();
        }
    });
</script>

Answer 1

从选择框中删除项目

删除一个选项：

$("#auth_user_group_id option[value='1']").remove();

Answer 2

关于什么：

$('#auth_user_group_id > option[value="1"]').remove();

Answer 3

只要在 DOM 准备好后运行代码，就可以正常工作。

   // v----this handler will run after the DOM has loaded
$(function() {
    $('option').each(function(){
        if($(this).attr('value') == '1') {
            $(this).remove();
        }
    });
});

演示：http: //jsfiddle.net/TTUkS/

如果您的代码放在页面顶部，那么它会在元素存在之前运行。

Answer 4

您可以将值条件放在选择器中：

$('#auth_user_group_id option[value="1"]').remove();

然后您可以使用该val方法选择一个选项：

$('#auth_user_group_id').val('3');

Answer 5

您可以通过以下方式检查选项项的值：

$('option').each(function(){
if($(this).val() == '1') {
    $(this).remove();
    }
});