预览加载中，请您耐心等待几秒...

javascript动态生成table及处理.doc

预览
1/6
2/6
3/6
4/6
5/6
6/6

在线预览结束，喜欢就下载吧，查找使用更方便

下载提示 文本预览

如果您无法下载资料，请参考说明：

1、部分资料下载需要金币，请确保您的账户上有足够的金币

2、已购买过的文档，再次下载不重复扣费

3、资料包下载后请先用软件解压，在使用对应软件打开

<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <htmlxmlns="http://www.w3.org/1999/xhtml"> <head> <metahttp-equiv="Content-Type"content="text/html;charset=utf-8"/> <title>CreatTable</title> </head> <body> <scripttype="text/javascript"> //动态生成表格 functioncreateTable(){ varval=document.getElementById("select").options[document.getElementById("select").options.selectedIndex].value;//得到select里面的value vartab=document.getElementById("tab"); //得到table的ID。 //vartab=document.createElement("table");！！！！！！！！！！ while(tab.hasChildNodes()) //清除表的初始內容 { tab.removeChild(tab.lastChild); } for(vark=0;k<val;k++){ varprice=100; varheight="<selectonclick='change("+k+")'name='height'><optionvalue='0'>1.2m以上</option><optionvalue='1'>1~1.2m</option></select>"; varstu= "<inputtype='checkbox'id='stu'name='stu'value='3'onclick='change("+k+")'/>"; varret= "<inputtype='checkbox'id='ret'name='ret'value='4'onclick='change("+k+")'/>"; vargaffer= "<inputtype='checkbox'id='gaffer'name='gaffer'value='5'onclick='change("+k+")'/>"; //创建表格 vartr1=tab.insertRow();//创建第一行 vartr2=tab.insertRow();//创建第二行 vartd11=tr1.insertCell();//创建第一列 td11.setAttribute("rowSpan",2); vartd12=tr1.insertCell();//创建第二列 vartd13=tr1.insertCell();//创建第三列 vartd14=tr1.insertCell();//创建第四列 td14.setAttribute("rowSpan",2); td14.setAttribute("id","td"); vartd22=tr2.insertCell();//创建第二行第二列 vartd23=tr2.insertCell();//第三列 td11.width=10; td12.width=140; td13.width=160; td14.width=80; td11.innerHTML=k+1; td12.innerHTML="身高："+height; td13.innerHTML="是否是学生："+stu; td14.innerHTML= "价格：<spanid='span"+k+"'name='span'>100</span>元"; td22.innerHTML= "是否离退休人员："+ret; td23.innerHTML= "是否60岁以上老人："+gaffer; // varrad=document.getElementById("date").value; varrate=discount(rad); document.getElementById("span"+k).innerHTML=price*rate; } } functionchange(k){ //类型选择 varprice=100; varrad=document.getElementById(