dynamic Month Year adjustments

by Joe Saad

HTML

<select name="month" id="month">
    <option value="0">select</option>
    <option value="01">jan</option>
    <option value="02">feb</option>
    <option value="03">mar</option>
    <option value="04">apr</option>
    <option value="05">may</option>
    <option value="06">jun</option>
    <option value="07">jul</option>
    <option value="08">aug</option>
    <option value="09">sep</option>
    <option value="10">oct</option>
    <option value="11">nov</option>
    <option value="12">dec</option>
</select><select name="year" id="year">
    <option value="0">select</option>
    <option value="2013">2013</option>
    <option value="2014">2014</option>
    <option value="2015">2015</option>
</select>

JavaScript

$('#month').change(function(){
    var d = new Date();
    var currentMonth =d.getMonth()+1; 
    if (parseInt($(this).val()) < parseInt(currentMonth)) {
       // alert('ddsd');
        $('#year').val(d.getFullYear()+1);
        $('#year').children('option[value='+d.getFullYear()+']').remove();
    }
    else {
        if (($('#year option[value='+d.getFullYear()+']').length <= 0 )){
            $('#year option[value=0]').after('<option value='+d.getFullYear()+'>'+d.getFullYear()+'</option>');
            $('#year option[value='+d.getFullYear()+']').after('#year option[value=0]');
        $('#year').val(d.getFullYear());
        }
    }
});