请教：js实现了自动添加表格行，每行每列都添加了一个文本域，给文本域赋值的时候，出现了问题

yujiajie1985 2007-04-06 09:13:54
问题是这样的：
一下代码实现了，自动给一个表格添加行和列
function addItem() {

var oRow = detailTable.insertRow();
oRow.align = "center";

oCell = oRow.insertCell();
oCell.innerHTML = oRow.rowIndex;

oCell = oRow.insertCell();
oCell.innerHTML = "<input type='text' name='bianhao' size='8' >";


oCell = oRow.insertCell();
oCell.innerHTML = "<input type='text' name='number' size='8'>";

oCell = oRow.insertCell();
oCell.innerHTML = "<input type='text' name='state' size='8'>";

oCell = oRow.insertCell();
oCell.innerHTML = "<input type='text' name='bstate' size='8'>";

oCell = oRow.insertCell();
oCell.innerHTML = "<input type='text' name='cols' size='8'>";

oCell = oRow.insertCell();
oCell.innerHTML = '<image src="../images/delete.gif" onclick="delItem('+oRow.rowIndex+')"/>';

}
这个功能可以实现，但是我原本是想把form1里面的input text 和select的Value值自动的写到我点击按钮自动生成的表格里的oCell.innerHTML = "<input type='text' name='bstate' size='8'>";里去，我写了一下，第一行可以添加，第二行，就添加不了数据了，我写的添加的函数是这样的
function setValue() {
var length = detailTable.rows.length;

//if (length>2) {
//document.all.bianhao[length].value =document.form1.textfield.value;
//document.all.number[length].value = document.form1.textfield2.value;
//} else {
document.all.bianhao.value =document.form1.textfield.value;
document.all.number.value = document.form1.textfield2.value;
//}
}

请高手帮我改改！！！谢谢了。在线敌等
...全文
714 10 打赏 收藏 转发到动态 举报
写回复
用AI写文章
10 条回复
切换为时间正序
请发表友善的回复…
发表回复
yujiajie1985 2007-04-06
  • 打赏
  • 举报
 回复
对于selcet还是不对啊，你们说的数组我知道，就是像你们这样写，添加不了啊！！如果用
obj = document.getElementsByName("bianhao");
len = obj.length;
obj[len-1].value= "ddddddddddd";
可以添加了，但是相对应的对select操作的，怎么做啊？
lizhongbin 2007-04-06
  • 打赏
  • 举报
 回复
当楼主添加第二行时，又添加了同名的几个文本框，这时用document.all.bianhao这个取到的将会是一个数组
lizhongbin 2007-04-06
  • 打赏
  • 举报
 回复
function setValue() {

if(document.all.bianhao.length >1 ){
document.all.bianhao[document.all.bianhao.length-1].value =document.form1.textfield.value;
document.all.number[document.all.bianhao.length-1].value = document.all.select.options[document.all.select.selectedIndex].text;
}else{
document.all.bianhao.value = document.form1.textfield.value;
document.all.number.value = document.all.select.options[document.all.select.selectedIndex].text;
}
}
rjzou2006 2007-04-06
  • 打赏
  • 举报
 回复
<select name="select">
<option value='1'>柜台可以使用</option>
<option value='2'>柜台暂停使用</option>
</select>

<script language="JavaScript">
<!--
alert(document.all.select.value);
//-->
</script>
hbhbhbhbhb1021 2007-04-06
  • 打赏
  • 举报
 回复
还用关键字“select”
<select name="select1">
得到选的是第几个用
document.getElementById("select1").selectedIndex
hbhbhbhbhb1021 2007-04-06
  • 打赏
  • 举报
 回复
<table id="detailTable">
</table>
<script language=javascript>
function addItem() {

var oRow = detailTable.insertRow();
oRow.align = "center";

oCell = oRow.insertCell();
oCell.innerHTML = oRow.rowIndex;

oCell = oRow.insertCell();
oCell.innerHTML = "<input type='text' name='bianhao' size='8' >";


oCell = oRow.insertCell();
oCell.innerHTML = "<input type='text' name='number' size='8'>";

oCell = oRow.insertCell();
oCell.innerHTML = "<input type='text' name='state' size='8'>";

oCell = oRow.insertCell();
oCell.innerHTML = "<input type='text' name='bstate' size='8'>";

oCell = oRow.insertCell();
oCell.innerHTML = "<input type='text' name='cols' size='8'>";

oCell = oRow.insertCell();
oCell.innerHTML = '<image src="../images/delete.gif" onclick="delItem('+oRow.rowIndex+')"/>';

}
function setValue() {
var lengthNum = detailTable.rows.length-1;
//alert(detailTable.outerHTML)
if (lengthNum>2) {
document.all.bianhao[lengthNum].value =document.form1.textfield.value;
document.all.number[lengthNum].value = document.form1.textfield2.value;
} else {
document.all.bianhao.value =document.form1.textfield.value;
document.all.number.value = document.form1.textfield2.value;
}
}
</script>
<form name="form1">
<input name="textfield" value="asdasdasd">
<input name="textfield2" value="vbnvbnvbn">
<input name="button1" value="添加" type="button" onclick="addItem()">
<input name="button1" value="写值" type="button" onclick="setValue()">
</form>
yujiajie1985 2007-04-06
  • 打赏
  • 举报
 回复
rjzou2006(一个小泡) 你好，用你的方法，是可以添加很多行了，我现在不是怎么获取一个
<select name="select">
<option>柜台可以使用</option>
<option>柜台暂停使用</option>
</select>
的选择的是那一个？希望大家继续帮我！！
rjzou2006 2007-04-06
  • 打赏
  • 举报
 回复
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title> New Document </title>
<meta name="Generator" content="EditPlus">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
</head>

<body>
<script language="JavaScript">
<!--
function addItem() {

var oRow = detailTable.insertRow();
oRow.align = "center";

oCell = oRow.insertCell();
oCell.innerHTML = oRow.rowIndex;

oCell = oRow.insertCell();
oCell.innerHTML = "<input type='text' name='bianhao' size='8' >";


oCell = oRow.insertCell();
oCell.innerHTML = "<input type='text' name='number' size='8'>";

oCell = oRow.insertCell();
oCell.innerHTML = "<input type='text' name='state' size='8'>";

oCell = oRow.insertCell();
oCell.innerHTML = "<input type='text' name='bstate' size='8'>";

oCell = oRow.insertCell();
oCell.innerHTML = "<input type='text' name='cols' size='8'>";

oCell = oRow.insertCell();
oCell.innerHTML = '<image src="../images/delete.gif" onclick="delItem('+oRow.rowIndex+')">';

}
//这个功能可以实现，但是我原本是想把form1里面的input text 和select的Value值自动的写到我点击按钮自动生成的表格里的oCell.innerHTML = "<input type='text' name='bstate' size='8'>";里去，我写了一下，第一行可以添加，第二行，就添加不了数据了，我写的添加的函数是这样的
function setValue() {
//var length = detailTable.rows.length;

obj = document.getElementsByName("bianhao");
len = obj.length;
obj[len-1].value= "ddddddddddd";

}
//-->
</script>
<form method=post action="">
<input type="button" onclick="addItem();">
<table id="detailTable">
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
</table>
<input type="button" value="setvalue" onclick="setValue()">
</form>
</body>
</html>
yujiajie1985 2007-04-06
  • 打赏
  • 举报
 回复
hbhbhbhbhb1021(天外水火(我要多努力)) 你好
刚拿去试了下，没有成功啊，原来的语句，可以添加一行，现在，添加了行列，但是没有值
hbhbhbhbhb1021 2007-04-06
  • 打赏
  • 举报
 回复
试下,不要用关键字，上面还有命名为number的东西
var lengthNum = detailTable.rows.length;
eval("document.all.bianhao["+lengthNum +"].value =document.form1.textfield.value");
渣浪电话面
很吐槽面试官，不想多说。 1、数据库中hash索引和B-tree 索引各自的优点？ 一篇关于B树的介绍，很详细 B-Tree 索引意味着所有的值都是按顺序存储的，并且每一个叶子页到根节点的距离相同。对索引列是顺序组织存储的，所以适合查找范围数据。例如，在一个基于文本域的索引树上，按字母顺序传递连续的值进行查找是非常适合的。 适合于全键值、键值范围...
软件工程面试题（二十五）
Spring提供了管理业务对象的一致方法并且鼓励了注入对接口编程而不是对类编程的良好习惯.Spring的架构基础是基于使用JavaBean属性的Inversion of Control容器是一个解决了许多在J2EE开发中常见的问题的强大框架，还提供了可以和总体的IoC容器集成的强大而灵活的MVC web框.-----复选框 -----创建url -----文本域输入框。
HTML标签学习
标题标签 标题标签有6种，并且每个都是独占一行，分别是h1、h2、h3、h4、h5、h6，字体大小依次减小。 段落标签和换行标签 段落标签是p，不独占一行，段落标签结束就自动换行。换行标签是br(或者(br /))。 文本格式化标签 功能 标签 备注 加粗 strong、b strong的语义更强烈 倾斜 em、i em的语义更强烈 删除线 del、s del的语义更强烈 下划线 ins、u ins的语义更强烈 div、span标签 这是两个容器标签，div标签，一行只能放
jasperreport开发手册--ireport教程
iReport   http://www.jasperreport.net 一、介绍 iReport是一个能够创建复杂报表的开源项目，它100%使用Java语言编写，是目前全球最为流行的开源报表设计器之一。 由于它丰富的图形界面，你能够很快的创建出任何一种你想要的报表。 以下是iReport一些比较突出的功能： • 拖拽式,所见即所得的报表编辑器； • 多样的向导来简化复杂的报表设计任
iReport 设计介绍
目录 iReport用户手册............................................................................................................ 1 iReport用户手册 - 介绍........................................................
JavaScript

87,993

社区成员

224,694

社区内容

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

加载中

查看更多榜单
社区公告
暂无公告

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

+ 用AI写文章