<form name="form1" action="" method="get">

<select name="province" onChange="set_city(this, this.form.city);">

<option value="0">请选择学历</option>

<option value="中专学历">中专学历</option>

<option value="全日制大专">全日制大专</option <option value="全日制大专">全日制大专</option>

<option value="函授大专">函授大专</option>

<option value="函授本科">函授本科</option>

<option value="全日制本科">全日制本科</option>

<option value="第二学士学位">第二学士学位</option>

<option value="研究生">研究生</option>

<option value="博士">博士</option>

<option value="其他">其他</option>

</select>

<select name="city" id="citys" >

<option value="0">选择毕业时间</option>

</select>

</form>

已下是js

<script type="text/javascript">

var obj = document.getElementById("ipts"); //定位id

var obj1 = document.getElementById("ipts1"); //定位id

var obj_lis = document.getElementById("ipts1").getElementsByTagName("li");

cities = new Object();

cities['中专学历'] = new Array('2010年—现在', '2010年之间');

cities['全日制大专'] = new Array('2015年~至今', '2014年~2015年');

cities['函授大专'] = new Array('2015年~至今', '2014年~2015年');

cities['函授本科'] = new Array('1998.7—2012.9期间', '2012.9至今');

cities['全日制本科'] = new Array('1998.7—2012.9期间', '2012.9至今');

cities['第二学士学位'] = new Array('1998.7—2012.9期间', '2012.9至今');

cities['研究生'] = new Array('1998.7—2012.9期间', '2012.9至今');

cities['博士'] = new Array('1998.7—2012.9期间', '2012.9至今');

cities['其他'] = new Array('~至今');

function set_city(province, city) {

var pv, cv;

var i, ii;

pv = province.value;

cv = city.value;

city.length = 1;

if(pv == '0') return;

if(typeof(cities[pv]) == 'undefined') return;

for(i = 0; i < cities[pv].length; i++) {

ii = i + 1;

city.options[ii] = new Option();

city.options[ii].text = cities[pv][i];

city.options[ii].value = cities[pv][i];

}

}

</script>