Question

I have two drop down list items in select tag

first select tag has list of year
second select tag has list of month

<SELECT id="year" onchange="showData();">
  <OPTION VALUE="2012">2012
  <OPTION VALUE="2011">2011
  <OPTION VALUE="2010">2010
  <OPTION VALUE="2009">2009
  <OPTION VALUE="2008">2008
</SELECT>

<SELECT id="month" onchange="showData();">
  <OPTION VALUE="jan">jan
  <OPTION VALUE="feb">feb
  <OPTION VALUE="mar">mar
        .
        .
  <OPTION VALUE="dec">dec
</SELECT>

so how i could change month after 5sec automatically & 60sec for year

what would be my jquery

function changeMonthYear() {    
    //what to code here to change option of select tag
    //automatically after some time 
    //say 5 sec per month & after 60 sec year will be changed
    showData();    
}

showData() {    
    //some logic will show data for selected year & month    
}

how to get fix it

Answer 1

try it

function changeYear() {

        $('option:selected', '#year').removeAttr('selected').next('option').attr(
                'selected', 'selected'); //your id of select tag is 'year'

        showData();

    }

    function changeYearMonth() {

        $('option:selected', '#month').removeAttr('selected').next('option')
                .attr('selected', 'selected'); //your id of select tag is 'month'

        showData();

    }

    setInterval(changeYear, 60000);
    setInterval(changeYearMonth, 5000);

    showData(){

    //some logic will show data for selected year & month

    }