take out option from javascript

Question

how to take out option value = 0 using javascript from below

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

Thanks

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

See a live example . Annoyingly the value is a string so you have to === compare to the string. And getting the select by tagName assuming it's the only select on the page is prone to failure

using

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

and

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

Would be better.

Answer 2

If you can use jQuery:

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

Obviously you should use the id of the select instead of select or you will hit all select items on that page.