首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > JAVA > Java Web开发 >

先选中一行,把这一行的第一列td的值通过按钮传给后台。这个如何弄?

2013-02-25 
先选中一行,把这一行的第一列td的值通过按钮传给后台。这个怎么弄?????先选中一行,把这一行的第一列td的值

先选中一行,把这一行的第一列td的值通过按钮传给后台。这个怎么弄?????
先选中一行,把这一行的第一列td的值通过按钮传给后台。这个怎么弄?????

上面大家都说了思路了 ,我就填下代码吧

首先表格示例:


<TABLE>
<TR>
<TD>22222</TD>
<TD>33333</TD>
<TD>99999</TD>
<TD><input type='button' name='btn' onclick="javascript:sub(this);" value="递 交"></TD>
</TR>
<TR>
<TD>33333</TD>
<TD>33333</TD>
<TD>99999</TD>
<TD><input type='button' name='btn' onclick="javascript:sub(this);" value="递 交"></TD>
</TR>
<TR>
<TD>444444</TD>
<TD>33333</TD>
<TD>99999</TD>
<TD><input type='button' name='btn' onclick="javascript:sub(this);" value="递 交"></TD>
</TR>
</TABLE>


然后是JS代码,如果要成功递交,请去掉注释,并引入JQUEY的JS文件,并把url请求地址写正确


<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>

<SCRIPT LANGUAGE="JavaScript">
<!--
function sub(btn){
var tds = btn.parentElement.parentElement.children;
var td = (tds[0]).innerHTML ;

alert("测试是否获取到本行第一个表格的值: " + td);
$.ajax({
url:'www.baidu.com',
data:{
td:td
},
type:'post',
success:function(re){
alert("提交成功!");
}
});
}
//-->
</SCRIPT>




热点排行