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

Question

How to remove items (value="0") from select box?

Below is an example select box.

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

my JavaScript is not working

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

Answer 1

Your JavaScript is fine -- you're probably just running it before the DOM is fully loaded.

So, as PSL mentioned in the comments, you have to use something like this in jQuery:

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

Which is really just shorthand for:

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

Here's the updated fiddle .