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

您的功能存在两个问题

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();