搞定就结~~~

liumin3285 2009-08-31 10:13:16
这个代码是别人那copy过来的
自己改了下!但没能达到我的效果!
其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>
...全文
48 2 打赏 收藏 转发到动态 举报
写回复
用AI写文章
2 条回复
切换为时间正序
请发表友善的回复…
发表回复
liumin3285 2009-08-31
  • 打赏
  • 举报
回复
能不能设置下text要size
第一列设置15第
hookee 2009-08-31
  • 打赏
  • 举报
回复

<table id="myTable" width="98%" align="center" border="1" cellpadding="2" cellspacing="1">
<tr>
<td>
<div align="right">请选择</div>
</td>
<td colspan="5">
<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>
<tr>
<td></td>
<td>A</td>
<td>B</td>
<td>C</td>
<td>D</td>
<td>E</td>
</tr>

<tbody id="selecttbody">
<tr id="trTemplete">
<td align="right"></td>
<td><input type="text" name="t1" value="姓名"/></td>
<td><input type="text" name="t2" /></td>
<td><input type="text" name="t3"/></td>
<td><input type="text" name="t4"/></td>
<td><input type="text" name="t5"/></td>
</tr>
</tbody>
</table>

<script language="javascript" type="text/javascript">
var tbody;
var template; //模板行
var a = ['姓名','年龄','性别','学历'];
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);
nr.cells[1].children[0].value=a[i];
nr.cells[1].children[0].name="t1" + (i+1);
nr.cells[2].children[0].name="t2" + (i+1);
nr.cells[3].children[0].name="t3" + (i+1);
nr.cells[4].children[0].name="t4" + (i+1);
nr.cells[5].children[0].name="t5" + (i+1);
}
}
</script>

87,910

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧