html如何获取表格中所选行的一行数据并赋值到对应的TEXT里面?

html-css025

html如何获取表格中所选行的一行数据并赋值到对应的TEXT里面?,第1张

表格中的一行添加id属性即可:

var item=document.getElementById("id")

<html>

<head>

<script type = 'text/javascript'>

var curRow   //全局行号

var curRowId//选中行的记录信息的ID

var curColor

function selectRow(tr){//tr行本身  

curRow = tr

curRowId = tr.id

alert(tr.cells[0].innerText)

超文本标记语言,标准通用标记语言下的一个应用。“超文本”就是指页面内可以包含图片、链接,甚至音乐、程序等非文字元素。超文本标记语言的结构包括“头”部分(英语:Head)、和“主体”部分(英语:Body),其中“头”部提供关于网页的信息,“主体”部分提供网页的具体内容。

网页的本质就是超级文本标记语言,通过结合使用其他的Web技术(如:脚本语言、公共网关接口、组件等),可以创造出功能强大的网页。因而,超级文本标记语言是万维网(Web)编程的基础,也就是说万维网是建立在超文本基础之上的。超级文本标记语言之所以称为超文本标记语言,是因为文本中包含了所谓“超级链接”点。

<table>

<tr class="aa"><td>第1行1列</td><td>第1行2列</td></tr>

<tr class="aa"><td>第2行1列</td><td>第2行2列</td></tr>

<tr><td></td><td></td></tr>

</table>

$('.aa').click(function (){

$(this).parent().find('tr').removeClass('trSelected')

$(this).addClass('trSelected')

})

function submitfunc(){

var versionArr=$(".trSelected").find("td:eq(0)").text()

if(versionArr.length != 1){

alert(versionArr)

}

}

给你写了段详细的演示代码,请参考使用.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/htmlcharset=gb2312" />

<title>demo</title>

<script>

function setLineNum(line){

if(typeof(line) == "undefined "){

alert('缺少参数')

}else{

//只要保证那个隐藏的INPUT存在,这里就不再判断是否存在了.

alert('点击了第'+line.id+'行')

document.getElementById("line_num").value = line.id

}

}

function showLineNum(){

//只要保证那个隐藏的INPUT存在,这里也不再判断是否存在了.

var line_num = document.getElementById("line_num").value

alert('上次点击的是第'+line_num+'行')

}

</script>

</head>

<body>

<table border="1">

<tr id="1" onclick="setLineNum(this)">

<td >第1行</td>

</tr>

<tr id="2" onclick="setLineNum(this)">

<td >第2行</td>

</tr>

<tr id="3" onclick="setLineNum(this)">

<td >第3行</td>

</tr>

<tr id="4" onclick="setLineNum(this)">

<td >第4行</td>

</tr>

<tr id="5" onclick="setLineNum(this)">

<td >第5行</td>

</tr>

</table>

<input type="hidden" id="line_num" name="line_num">

<input type="button" id="btn_show" onclick="showLineNum()" value="show line number">

</body>

</html>