搞定就结~~~
这个代码是别人那copy过来的
自己改了下!但没能达到我的效果!
其1表的标题没显示出来
其2我的表那个<text>里面最好加上name 以便下个页面好取值这个动态加怎么加?
其3怎么把第一列的显示成
姓名
年龄
性别
学历
这样呢?
自己改了下!但没能达到我的效果!
其1表的标题没显示出来
其2我的表那个<text>里面最好加上name 以便下个页面好取值这个动态加怎么加?
其3怎么把第一列的显示成
姓名
年龄
性别
学历
这样呢?
<table id="myTable" width="98%" align="center" border="1" cellpadding="2" cellspacing="1">
<tr>
<td>
<div align="right">请选择</div>
</td>
<td>
<select id="dropChoicesCount" onchange="selectedchange()" name="sel" runat="server" class="commdrop">
<option value="4">4</option>
<option value="3">3</option>
<option value="2">2</option>
<option value="1">1</option>
</select>
</td>
</tr>
<tbody id="selecttbody">
//第一个问题怎么我的表的标题不显示呢?
<tr>
<td>A</td>
<td>B</td>
<td>C</td>
<td>D</td>
<td>E</td>
</tr>
<tr id="trTemplete">
<td align="right">供选答案1</td>
<td><input type="text"value = "姓名"/></td>
<td><input type="text"/></td>
<td><input type="text"/></td>
<td><input type="text"/></td>
<td><input type="text"/></td>
</tr>
</tbody>
</table>
<script language="javascript" type="text/javascript">
var tbody;
var template; //模板行
window.onload = function() {
tbody = document.getElementById("selecttbody");
template = document.getElementById("trTemplete");
selectedchange();
}
function ClearRows() {
var newBody = document.createElement("tbody");
var tbl = document.getElementById("myTable");
tbl.replaceChild(newBody, tbody);
tbody = newBody;
}
function NewRow() {
//利用cloneNode(true)来复制
//你的这行就算有100个td,每个td都有不同的样式,都一次搞定!!!
var newRow = template.cloneNode(true);
tbody.appendChild(newRow);
return newRow;
}
function selectedchange() {
var n = document.getElementById("dropChoicesCount").value;
n = parseInt(n);
ClearRows();
for (var i = 0; i < n; i++) {
var nr = NewRow();
nr.cells[0].innerHTML =(i + 1);
}
}
</script>
...全文
相关推荐
FORM 不换行的方法
以往都是将 Form 塞到 Table 跟 tr 间 的这些方法来解决(或tr,td之间) 事实上 css 有简易的解法~~~ 照下面的一设就搞定了 form{margin:0px;display:
一周搞定系列之模电数电全集
举例:一周搞定51单片机视频教程链接: https://pan.baidu.com/s/1c2cGGCg 密码: a9ng一周搞定系列之模电数电全集源享科技STM32高清视频教程一周搞定系列之模电。c
一个全而精足以搞定毕业答辩的通用ppt模板
一个全而精足以搞定毕业答辩的通用ppt模板,本模板共73P,多套精美风格封面页、目录页、过渡页、结尾页,包括多段式文本类、时间轴类、图文类、图表类、附录页、使用手册等多套风格版式排版,适合论文答辩、毕
杨鹏《十七天搞定GRE单词》完整版.pdf
《十七天搞定GRE单词》是杨鹏先生撰写的一本备考GRE考试的经典词汇书籍,深受广大GRE考生的喜爱。
传智之轻松搞定C语言(提高篇)讲义文档
"传智之轻松搞定C语言(提高篇)讲义文档,涵盖了C语言的高级主题,旨在提升读者的编程技能。文档内容包括过程封装设计、接口API的使用、内存管理和程序运行内存布局,以及教学思想和目标,强调理论与实践的结


