读书人

怎么将table列表中的任意一条记录的值

发布时间: 2012-03-13 11:21:10 作者: rapoo

如何将table列表中的任意一条记录的值 放到text 输入框中?
列表


<table cellpadding= "0 " cellspacing= "1 " border= "0 " class= "pageTbl " width= "100% " id= "searchCondition " style= "display:inline; ">
<tr>
<td class= "insertTblTitle " width= "14% ">
行次: </td>
<td class= "insertTblItem " width= "36% "> <html:text property= "vendorfax " styleClass= "sysTxt " maxlength= "32 " /> </td>
</tr>
<tr>
<td class= "insertTblTitle " width= "14% ">
产品号: </td>
<td class= "insertTblItem " width= "36% "> <html:text property= "productno " styleClass= "sysTxt " maxlength= "32 " />
<input type= "button " class= "sysBtn " name= "btn122 " value= "选择 " onClick= "window.open( '../inc/PartChoice.html ', 'checkUser ', 'WIDTH=700,HEIGHT=520,RESIZABLE=yes,SCROLLBARS=yes,STATUS=0 ') "> </td>
</tr>
<tr>
<td class= "insertTblTitle " width= "14% "> 产品名称: </td>
<td class= "insertTblItem " width= "36% "> <html:text property= "productname " styleClass= "sysTxt " maxlength= "32 " />
</td>
</tr>
<tr>
<td class= "insertTblTitle "> 第一次扣分: </td>
<td class= "insertTblItem "> <html:text property= "deductno " styleClass= "sysTxt " maxlength= "32 " />
</td>

</tr>
<tr>
<td class= "insertTblTitle "> 季度累计 DEMIF: </td>
<td class= "insertTblItem "> <html:text property= "seasontotal " styleClass= "sysTxt " maxlength= "32 " /> </td>
</tr>
<tr>
<td class= "insertTblTitle "> 年度累计 DEMIF: </td>
<td class= "insertTblItem "> <html:text property= "yeartotal " styleClass= "sysTxt " maxlength= "32 " /> </td>
</tr>
<tr>
<td class= "insertTblTitle "> 赔偿金额 : </td>
<td class= "insertTblItem "> <html:text property= "total " styleClass= "sysTxt " maxlength= "32 " />

</td>

</tr>
</table>

<table cellpadding= "0 " cellspacing= "0 " border= "0 " width= "100% " class= "HLineTbl ">


<tr>
<td>  
</td>
<td align= "right ">


<input type= "button " class= "sysBtn " name= "btn1 " onclick= "save68() " value= "保存 ">
<input type= "button " class= "sysBtn " name= "btn1 " value= "返回 "> </td>
</tr>
</table>

<table cellpadding= "0 " cellspacing= "1 " border= "0 " class= "pageTbl " width= "100% ">
<tr class= 'pageTblLine '>
<td width= "4% " class= "pageTblHead "> 选择 </td>
<td width= "4% " class= "pageTblHead "> 行次 </td>
<td width= "11% "class= "pageTblHead "> 产品名称 </td>
<td width= "12% "class= "pageTblHead "> 产品号 </td>
<td width= "11% "class= "pageTblHead "> 第一次扣分 </td>
<td width= "11% "class= "pageTblHead "> 季度累计
DEMIF </td>
<td width= "14% "class= "pageTblHead "> <p> 年度累计
DEMIF </p> </td>
<td width= "17% "class= "pageTblHead "> 赔偿金额 </td>
<td width= "16% "class= "pageTblHead "> 操作 </td>
</tr>


<logic:notEmpty name= "List ">
<logic:iterate id= "item " name= "List " indexId= "ind ">
<tr class= 'pageTblLine '>
<td> <input name= 'txt1 ' type= 'checkbox ' class= 'sysTxt ' value= ' ' size= '1 '> </td>

<td> 1 </td>
<td> <bean:write name= "item " property= "productname " /> </td>

<td> <bean:write name= "item " property= "productno " /> </td>
<td> <bean:write name= "item " property= "deductno " /> </td>


<td> <bean:write name= "item " property= "seasontotal " /> </td>

<td> <bean:write name= "item " property= "yeartotal " /> </td>
<td> <bean:write name= "item " property= "total " /> </td>
<td> </td>
</tr>
</logic:iterate>
</logic:notEmpty>
</table>

下面点击列表记录的 任意一条 把该记录值移到上面的 txt文本框
怎么用js实现

[解决办法]
先遍历页面选出选中的行,根据选中的事件得到该行的索引,然后根据索引取出该行每一个单元个的值,附给txt
获取索引代码:
if(name.checked)
{
var Inax=name.parentNode.parentNode.rowIndex;
}
其他的都简单了
[解决办法]
<html>
<head>
<title> </title>
</head>
<body>
<style>
td.data
{
cursor:hand;
}
</style>
<table border= "1 " onclick= "getValue() ">
<tr> <td> 名称 </td> <td> 数据 </td> </tr>
<tr> <td class= "data "> 111 </td> <td class= "data "> 222 </td> </tr>
<tr> <td class= "data "> 333 </td> <td class= "data "> 444 </td> </tr>
</table>
<script>
function getValue(){
var obj = window.event.srcElement;
if(obj.tagName == "TD " && obj.className == "data "){
alert(obj.innerHTML);
}
}
</script>
</body>
</html>

取出值后的处理就不用我再写了吧

读书人网 >JavaScript

热点推荐