如何禁用所有选项第二个选择框，可以小于第一个选择框选择选项？

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

 } 

我希望这就像你需要它一样。