从javascript中取出选项

Question

如何从下面使用javascript取出选项值= 0

<select>
<option value=0>0</option>
<option value=1>1</option>
<option value=2>2</option>
<option value=3>3</option>
<option value=4>4</option>
<option value=5>5</option>
</select>

谢谢

Answer 1

var select = document.getElementsByTagName("select")[0];
for (var i  = 0; i < select.options.length; i++) {
    if (select.options[i].value === "0") {
        select.remove(i);
    }
}

看到一个真实的例子 。 令人讨厌的是，该值是一个字符串，因此您必须===与该字符串进行比较。 假设它是页面上的唯一选择，则通过tagName获取选择很容易失败

运用

<select id="foo"> ... </select>

和

var select = document.getElementById("foo");

会更好。

Answer 2

如果可以使用jQuery：

$('select > option[value=0]').remove();

显然，您应该使用select的ID而不是select否则您将点击该页面上的所有select项目。