javascript - 如何删除jquery中的选项值

Question

如何删除列表框中中的选项值？我曾尝试使用 Javascript 如下所示，但如何使用 jQuery

做到这一点

<script>
    var coun = document.getElementById("zone").options;
    for (var i = 0; i < coun.length; i++)
    {
        if (coun[i].innerHTML == "Null Value" || coun[i].innerHTML == "")
        {
            document.getElementById("zone").options[i] = null;
        }

    }
</script>
<select id="zone">
    <option value="Null Value">Null value</option>
    <option value="1">MM</option>
    <option value="2">NN</option>
    <option value="3">OO</option>
</select>

Answer 1

使用 jQuery

jQuery(function(){
    $('#zone').find('option[value="Null Value"]').remove()
})

演示:Fiddle

您的脚本似乎在 select 元素添加到 dom 之前运行，因此 document.getElementById("zone") 将未定义，导致脚本失败并出现错误。

为了更安全，将脚本添加到 dom 就绪处理程序中

• Lean jQuery
• Dom Ready
• Selectors
• remove()