JSON进阶六-自动组装

HTML:

 <div id="tab1">
<div type="row">
<div type="text" class="colTop" style="width:780px" msg="*"">
<samp>班级：</samp><input type="text" size="8" name="Name" dataType="len"/>
<samp style="float:right; margin:5px;"><a href="javascript:AddStudent();">添加学生</a></samp>
</div>
<div type="list" Template="#template1" class="colTop" style="width:780px;">
<div name="Student" id="Stus" style="overflow:hidden; clear:both;">
</div>
</div>
<div type="textarea" style=" clear:both; border:1px solid #ccc; width:780px; height:115px; padding:5px;" msg="*">
<samp>简介：</samp><textarea name="About" rows="5" cols="50" dataType="text"></textarea>
</div>
</div>
</div>
<--list模板-->
<div style="display:none" id="template">
<div id="template1" style="overflow:hidden; height:30px; width:100%">
<div type="text" class="colBottom" msg="*">
<samp>学号：</samp><input type="text" size="8" name="ID" dataType="ints"/>
</div>
<div type="text" class="colBottom" msg="*">
<samp>姓名：</samp><input type="text" size="8" name="Name" dataType="cn"/>
</div>
<div type="select" class="colBottom">
<samp>性别：</samp>
<select name="Sex">
<option value="1">男</option>
<option value="2">女</option>
</select>
</div>
<div type="text" class="colBottom" msg="*">
<samp>语文：</samp>
<input type="text" size="4" name="Score.Chinese" dataType="money"/>
</div>
<div type="text" class="colBottom" msg="*">
<samp>数学：</samp>
<input type="text" size="4" name="Score.Math" dataType="money"/>
</div>
<div type="text" class="colBottom" msg="*">
<samp>语文：</samp>
<input type="text" size="4" name="Score.English" dataType="money"/>
</div>
<samp class="colBottomEnd">
<href="javascript:;" onclick="DelStudent(this)">删除学生</a>
</samp>
</div>
</div>