从选择框中删除项目或添加项目？

Question

如何从选择框中删除项目（值=“0”）？

下面是一个示例选择框。

<select class="form-select" name="column" id="edit-column">
<option value="-1">Search All Columns</option>
<option value="0">option 1</option>
<option value="1">option 2</option>
</select>

我的JavaScript无效

$('#edit-column option[value="0"]').remove();

Answer 1

你的JavaScript很好 - 你可能只是在DOM完全加载之前运行它。

所以，正如评论中提到的PSL，你必须在jQuery中使用这样的东西：

$(function(){
   $('#edit-column option[value="0"]').remove();
});

这只是简写：

$(document).ready(function() {
    $('#edit-column option[value="0"]').remove();
});

这是更新的fiddle。