從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項目。