すべてのオプションを無効にする方法2番目の選択ボックスは、最初に選択したオプションを選択するよりも少なくすることができますか？

Question

私は特定の年の間に日付を取得する必要がありますので、 "yearから"と "to Year"の2つのドロップダウンを入れましたが、 "dropdown"値は "form dropdown"よりも大きくなければなりません。

以下は私の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); 

} 

のようにしてみています 君はそれが要る。