Jquery 需要隐藏基于条件选择的选项

Jquery 需要隐藏基于条件选择的选项,jquery,select,Jquery,Select,我有选择元素和月份选项 <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</optio

我有选择元素和月份选项

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

嗯
八月
七月
六月
也许
四月
破坏
二月
简
12月
十一月
十月
九月
如果值大于当前月份,则需要隐藏所有选项。您可以使用:

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();

使用JavaScript隐藏这些选项

// get current month
var d = new Date();
var m = d.getMonth();

// get all options
var options = document.getElementsByTagName('option');
// for every option
for ( var i  = 0 ; i < options.length ; i++ ) {
    // check if its month is bigger than the current month
    if ( options[i].getAttribute("value") > m ) {
        // don't display that option
        options[i].style.display = 'none';
    }
}
//获取当前月份
var d=新日期();
var m=d.getMonth();
//获取所有选项
var options=document.getElementsByTagName('option');
//每种选择
对于(变量i=0;im){
//不显示该选项
选项[i].style.display='none';
}
}

有成千上万的日期选择器,为什么不使用其中一个呢?