有两个下拉框，一个内容是国家，另外一个下拉是省，当第一个下拉框我选择国家的时候，则第二个下拉框就相对应显示这个国家所有的省，请问怎么做？
---------------------------------------------------------------
例子
1<script language="JavaScript">
2var mengArray = new Array("('第一章','',true,true)",
3"('第一章第1节')",
4"('第一章第2节')",
5"('第一章第3节')");
6var meng1Array = new Array("('第二章','',true,true)",
7"('第二章第1节')",
8"('第二章第2节')",
9"('第二章第3节')");
10function populatemxhweb(inForm,selected) {
11var selectedArray = eval(selected + "Array");
12while (selectedArray.length < inForm.select1.options.length) {
13inForm.select1.options[(inForm.select1.options.length - 1)] = null;
14}
15for (var i=0; i < selectedArray.length; i++) {
16eval("inForm.select1.options[i]=" + "new Option" + selectedArray[i]);
17}
18}
19
20</script>
1<form name="globe">
2<select name="chapter" onchange="populatemxhweb(document.globe,this.options[selectedIndex].value)">
3<option selected="" value="meng">第一章</option>
4<option value="meng1">第二章</option>
5</select>
6<select name="select1">
7<option selected=""></option></select>
8</form>