读书人

先选中一行把这一行的第一列td的值通

发布时间: 2013-02-25 10:23:36 作者: rapoo

先选中一行,把这一行的第一列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>




读书人网 >Java Web开发

热点推荐