如何禁用所有小于第二选择框的选择框？

Question

我要求获取特定年份之间的日期，因此我将两个下拉列表分别从“年”和“至年份”进行了验证，但我想确认“到下拉列表”的值必须大于“表格下拉列表”的值

以下是我的html代码

<div class="graph-filter">

<label>From</label>
<select onchange="change_data_year();" id="from_data_year" name="from_data_year" class="graph-select">
    <option selected="" value="2016">2016</option>
    <option value="2015">2015</option>
    <option value="2014">2014</option>
    <option value="2013">2013</option>                                                                  
</select>

<label>To</label>
<select id="to_data_year" name="to_data_year" class="graph-select">
    <option selected="" value="2016">2016</option>
    <option value="2015">2015</option>
    <option value="2014">2014</option>
    <option value="2013">2013</option>                                                                  
</select> 

<input type="submit" value="Submit">  

Answer 1

这样尝试

 function change_data_year(){

    $('#to_data_year option').prop('disabled',false);
    var from_data_year=$('#from_data_year').val();
    var to_data_year=$('#to_data_year').val();

    $('#to_data_year option').filter(function() {
        return $(this).val() < from_data_year;
     }).prop('disabled', true);

 } 

我希望这就像您需要它。