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

怎么将table列表中的任意一条记录的值 放到text 输入框中

2012-03-13 
如何将table列表中的任意一条记录的值 放到text 输入框中?列表tablecellpadding 0 cellspacing 1 b

如何将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> &nbsp;
</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>

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

热点排行