javascript - オプション選択から値を削除

Question

expを削除する機会があります。value="1" オプションを選択しますか?

経験値 それが私のオプションです：

<select name="animals">
 <option value="0">dog</option>
 <option value="1">cat</option>
</select>

value="0" と value="1" を削除するには?

私はこれを試します、それは私のフォームです:

<form method="post" action="/user/register/" onsubmit="test(this)">
<select name="animals" id="animals">
 <option value="0">dog</option>
 <option value="1">cat</option>
</select>
</form>

それが私のテスト機能です：

function test(form) {
    form["#animals"].removeAttr("value");
}

しかし、エラーメッセージがあります:

form['#animals'] is undefined

Answer 1

jQuery の使用:

$('option').removeAttr("value");

Answer 2

関数には2つの問題があります

1. form ["＃animals"]は、フォームから要素を取得する正しい方法ではありません。使用form["animals"]-cssセレクターなしで名前を直接使用します

2. form ["animals"]はjQueryオブジェクトではないため、removeAttrは失敗します。使用する$(form["animals"])

代わりに$(form["animals"]).find('option').removeAttr('value')

アップデート：

//this will remove the attributes at load time
$(function() {
  $('#animals option').find('option').removeAttr('value');
});

Answer 3

試す：

$('select[name="animals"] option[value="1"]').remove();

Answer 4

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

$("select option[value='0'], select option[value='1']").remove();