怎么动态的望下拉框中加内容！

Question

例子<SCRIPT LANGUAGE="JavaScript">
var mengArray =  new Array("('第一章','',true,true)",
"('第一章第1节')",
"('第一章第2节')",
"('第一章第3节')");
var meng1Array =  new Array("('第二章','',true,true)",
"('第二章第1节')",
"('第二章第2节')",
"('第二章第3节')");
function populatemxhweb(inForm,selected) {
var selectedArray = eval(selected + "Array");
while (selectedArray.length < inForm.select1.options.length) {
inForm.select1.options[(inForm.select1.options.length - 1)] = null;
}
for (var i=0; i < selectedArray.length; i++) {
eval("inForm.select1.options[i]=" + "new Option" + selectedArray[i]);
}
}</script>
<form name=globe>
<SELECT name=chapter onChange="populatemxhweb(document.globe,this.options[selectedIndex].value)">
<OPTION selected value=meng>第一章</OPTION>
<OPTION value=meng1>第二章</OPTION>
</SELECT>
<SELECT name=select1>
<OPTION selected></OPTION></SELECT>
</form>