jquery - 需要隐藏根据条件选择的选项

Question

我有带有月份选项的选择元素。

<select class="" id="manufacturedMonth" name="manufacturedMonth">
<option value="-1">MM</option>
<option value="8">Aug</option>
<option value="7">Jul</option>
<option value="6">Jun</option>
<option value="5">May</option>
<option value="4">Apr</option>
<option value="3">Mar</option>
<option value="2">Feb</option>
<option value="1">Jan</option>
<option value="12">Dec</option>
<option value="11">Nov</option>
<option value="10">Oct</option>
<option value="9">Sep</option>
</select>

如果值大于当前月份，则需要隐藏所有选项

Answer 1

您可以使用:

var d = new Date(),
mnth = d.getMonth();//get current month     
$('#manufacturedMonth option').filter(function () {
    return parseInt(this.value,10) > mnth; //return all the option element that have value greater than curremt month
}).hide();

<强> Working Demo