js 动态创建HTML元素

今天有个朋友要帮她完成一个小小的效果,发了点时间做了下,也不知道能不能达到要求,先帖了上来,下面是要求:

<!-- 进入页面的时候，只有一个框，是整个大的题目，然后底下是一个下拉菜单，是选择这个题目有几个小题，选择完后就出现几个框是小题的内容框，然后在每个小题的下面还有一个下拉是选择有几个选项的--> 

代码:

< textarea cols = " 60 "  rows = " 12 " ></ textarea >  
< br />
选择答题数目:
< select  name = " select1 "  id = " select1 "  onchange = " change1(this); " >
< option value = 0 > 请选择 </ option >
< script >
for ( var  i = 1 ;i <= 10 ;i ++ ) ... {
document.write("<option value="+i+">"+i+"</option>");
}
</ script >
</ select >
< table id = " tbl