JQuery从列表中删除选择选项

Question

我有以下选择框(我无法在选择表单中添加类或ID,这就是为什么我将它包装在div中):

<div id="test"><select name="wpv-yr">
<option value="0" selected="selected">All Years</option>
<option value="2010">2010 (6)</option>
<option value="2011">2011 (12)</option>
<option value="2012">2012 (32)</option>
<option value="2013">2013 (129)</option>
<option value="2014">2014 (24)</option>
</select></div>

我不想在下拉列表中显示最后一个选项2014.我试过添加:

jQuery(document).ready(function() {
jQuery("div#test option[value=2014]").remove();
});

我还尝试了围绕该值的单引号:

jQuery(document).ready(function() {
jQuery("div#test option[value='2014']").remove();
});

但这也不起作用.2014年的选项仍然出现在列表中.

我哪里错了？

Answer 1

我刚刚在fiddle这里设置了一个,这很有效.您是否JQuery在页面中引用了库？在我的代码唯一的改变是更换jquery带$

$(document).ready(function () {
    $("div#test option[value=2014]").remove();
});