5

我有以下选择框（我无法将类或 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 选项仍然出现在列表中。

我哪里错了？

4

3 回答 3

15

我刚刚在fiddle这里设置了一个，并且可以正常工作。您是否在页面中引用JQuery库？我的代码中唯一的变化是替换jquery为$

$(document).ready(function () {
    $("div#test option[value=2014]").remove();
});
于 2013-11-04T16:01:53.780 回答
3

尝试

jQuery('div#test option[value="2014"]').remove();

或者

jQuery("div#test option:last-child").remove();
于 2013-11-04T15:57:33.380 回答
1

查询

$("#List option:selected").remove();

小提琴演示

小提琴

于 2015-01-15T20:35:37.303 回答