怎样取得table中td里面全部input 的值,到td 中. 新提问

Question

请大家帮助一下.新问题的table 如下:
<TABLE id="st" border="1">
<TR>
<TD>1</TD>
<TD><INPUT id="textfield0" value="erter8t" ></TD><TD id="Ftextfield0"></TD>
<TD><INPUT id="deletefield0" value="0" ></TD><TD id="Fdeletefield0"></TD>
<TD><INPUT id="leftfield0" value="1" ></TD><TD id="Fleftfield0"></TD>
</TR>
<TR>
<TD>2</TD>
<TD><INPUT id="textfield1" value="ert5ert" ></TD><TD id="Ftextfield1"></TD>
<TD><INPUT id="deletefield1" value="0eew" ></TD><TD id="Fdeletefield1"></TD>
<TD><INPUT id="leftfield1" value="1fcv" ></TD><TD id="Fleftfield1"></TD>
</TR>
<TR>
<TD>3</TD>
<TD><INPUT id="textfield2" value="er65tert" ></TD><TD id="Ftextfield2"></TD>
<TD><INPUT id="deletefield2" value="0er" ></TD><TD id="Fdeletefield2"></TD>
<TD><INPUT id="leftfield2" value="1wer" ></TD><TD id="Fleftfield2"></TD>
</TR>
</TABLE>

想在动态table 中,把每行的input 值 放到相应的td中.即是如下 (但是动态的,现在只定了3 行)
<TABLE id="st" border="1">
<TR>
<TD>1</TD>
<TD><INPUT id="textfield0" value="erter8t" ></TD><TD id="Ftextfield0">erter8t</TD>
<TD><INPUT id="deletefield0" value="0" ></TD><TD id="Fdeletefield0">0</TD>
<TD><INPUT id="leftfield0" value="1" ></TD><TD id="Fleftfield0">1</TD>
</TR>
<TR>
<TD>2</TD>
<TD><INPUT id="textfield1" value="ert5ert" ></TD><TD id="Ftextfield1">ert5ert</TD>
<TD><INPUT id="deletefield1" value="0eew" ></TD><TD id="Fdeletefield1">0eew</TD>
<TD><INPUT id="leftfield1" value="1fcv" ></TD><TD id="Fleftfield1">1fcv</TD>
</TR>
<TR>
<TD>3</TD>
<TD><INPUT id="textfield2" value="er65tert" ></TD><TD id="Ftextfield2">er65tert</TD>
<TD><INPUT id="deletefield2" value="0er" ></TD><TD id="Fdeletefield2">0er</TD>
<TD><INPUT id="leftfield2" value="1wer" ></TD><TD id="Fleftfield2">1wer</TD>
</TR>
</TABLE>

现在小弟刚有少少分,悬赏分不多,但我都会全送出. 请大家帮帮助
对不起大家, 小弟原来无分了啦. 不能悬赏 ..........但还请大家帮忙

Answer 1

这种方法和上次给你说的不一样，现在你不需要指定 input 和 td 的 id，只需要 table 有个 id 就可以。JS 会寻找 table 内所有的 input，然后赋值给 td。唯一要保证的是你的 table 结构要和例子中的保持一致。使用传统的 Javascript 确实很费时间，因为现在有各种 Javascript 框架，应用起来比较方便，省时。建议你在基本掌握 Javascript 后学习一下，推荐 jQuery。

<script type="text/javascript">
function assignValues() {
// 设置 table id
var table_id = 'st';
// 获取 table 元素
var table = document.getElementById(table_id);
// 获取 table 内的全部 input
var textinputs = table.getElementsByTagName('input');
// 循环
for(var i = 0; i < textinputs.length; i++) {
// 将 textinput 的值置于 textinput 上一级 td 节点的下一个同级 td 节点中
textinputs[i].parentNode.nextSibling.innerHTML = textinputs[i].value;
}
};
</script>

<table>
例子中你给出的table
</table>

<input type="button" value="赋值" onclick="assignValues();" />

Answer 2

var txt=getById("st.textfield0").value
一个一个添加上就行了，还可以用getByElements方法对表格进行访问

追问

可以给个例子吗? 小弟是不太懂怎样写. 以下不能完成..

// 获取所有input元素
function get(){
var objTable = document.getElementById("st")
var elements = objTable.getElementsByTagName('input');
// 循环
for(var i = 0; i

追答

var objTable = document.getElementById("st") //你只定位到table,不够具体，得定位到单元格中，然后你得确定调用单元格的什么属性，是它的值呢，还是其它内容，这个得写上，在这个句子的最后加一个点，然后引出要调用的内容

追问

大哥,写个具体的例子出来啦. 你越讲我越不明. 而不能再追问多一次啦. 要 消耗10个财富值 才可以问3次.....我都是个穷光蛋啦..

请用个例子吧

Answer 3

可以使用jQuery进行操作