调试易

有一页面，内有三个select控件，一个提交按钮。现在想每次提交之后，三个控件的选择项保留提交之前选择的，用JS写好几天了也写不出来，求教！
PS：不用ajax，因为这页面需要刷新的东西太多，感觉用ajax不太方便。上代码：
这是主页面代码：<form method="POST" action="<?=site_url('home/query_timeid')?>">
<p style="text-align:center">周报区间：<select name="year">
<option selected value="2011">2011年</option>
<option value="2012">2012年</option>
<option value="2013">2013年</option>
<option value="2014">2014年</option>
<option value="2015">2015年</option>
</select>
<select id="month" name="month" size="1">
<option value="1">1月</option>
<option value="2">2月</option>
<option value="3">3月</option>
<option value="4">4月</option>
<option value="5">5月</option>
<option value="6">6月</option>
<option value="7">7月</option>
<option value="8">8月</option>
<option value="9">9月</option>
<option value="10">10月</option>
<option value="11">11月</option>
<option value="12">12月</option>
</select>
<select name="week">
<option value="1">第一周</option>
<option value="2">第二周</option>
<option value="3">第三周</option>
<option value="4">第四周</option>
<option value="5">第五周</option>
</select><input type="submit" name="submit"  value=" 查询 "/>
</form>这是写在head里的script：
<script language="javascript" type="text/javascript">
function save() {
var monthId = document.getElementById("month").selectedIndex;
    document.cookie = "monthId=" + monthId;
    
    var weekId = document.getElementById("week").selectedIndex;
    document.cookie = 'weekId=' + weekId;
}

window.onload = function () 
{
var cookieData=new String(document.cookie);
var cookieHeader="monthId=";
var cookieStart=cookieData.indexOf(cookieHeader)+cookieHeader.length;
var cookieEnd=cookieData.indexOf("; ",cookieStart);
if(cookieEnd!=-1)
{
cookieEnd=cookieData.length;
}
if(cookieData.indexOf(cookieHeader)!=-1)
{
//alert(cookieData.substring(cookieStart,cookieEnd));

}
else
{
//alert("not found!");
save();
}
        
    }
</script>alert出来的值每次都一样，哎