1

私はこの生成されたコードを持っています：

<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>
4

5 に答える 5

1

どうですか：

$('#auth_user_group_id > option[value="1"]').remove();
于 2012-11-15T16:20:31.377 に答える
1

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/

コードがページの上部に配置されている場合、要素が存在する前に実行されます。

于 2012-11-15T16:20:56.483 に答える
1

選択ボックスからのアイテムの削除

オプションを削除します：

$("#auth_user_group_id option[value='1']").remove();
于 2012-11-15T16:24:10.380 に答える
0

セレクターに値の条件を設定できます。

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

次に、このval方法を使用してオプションを選択できます。

$('#auth_user_group_id').val('3');
于 2012-11-15T16:21:48.900 に答える
0

オプションアイテムの値は、次の方法で確認できます。

$('option').each(function(){
if($(this).val() == '1') {
    $(this).remove();
    }
});
于 2012-11-15T16:21:59.010 に答える