Javascript 如何获得<；td>；文本框中的值

我已经用html和JavaScript编写了一些代码。。。我的查询是当我单击

时，无论与之关联的值是什么，都必须显示在相应的文本框中。。。 在

前面，我把文本框。。。以3个

和3个文本框为例

       <script type="text/javascript">
       function click3(x) {
       x = document.getElementById("name").innerHTML
       var a = document.getElementById("txt"); 
       a.value = x; 
       }
       function click1(y) {
       y = document.getElementById("addr").innerHTML
       var b = document.getElementById("txt1");
       b.value = y;
       }
       function click2(z) {
       z = document.getElementById("email").innerHTML
       var c = document.getElementById("txt2");
       c.value = z;
         }
       </script>

功能点击3（x）{
x=document.getElementById（“名称”）.innerHTML
var a=document.getElementById（“txt”）；
a、 值=x；
}
功能点击1（y）{
y=document.getElementById（“addr”）.innerHTML
var b=document.getElementById（“txt1”）；
b、 值=y；
}
功能点击2（z）{
z=document.getElementById（“电子邮件”）.innerHTML
var c=document.getElementById（“txt2”）；
c、 值=z；
}

这是我的JavaScript代码，我知道这不是处理此类问题的适当方法，因为它为处理此问题提供了静态方式 有没有人能更好地解决这个问题？？

---

在JavaScript/jQuery中

如果click1、click2和click3被认为是三个事件，那么您必须保留所有三个函数，您可以缩短脚本代码，以便为文本字段赋值

<script type="text/javascript">
   function click3(x) {
      document.getElementById("txt").value = document.getElementById("name").innerHTML;
   }
   function click1(y) {
     document.getElementById("txt1").value = document.getElementById("addr").innerHTML;
   }
   function click2(z) {
     document.getElementById("txt2").value = document.getElementById("email").innerHTML; 
   }
   </script>

---

据我所知，您可以尝试以下方法，假设您的HTML是这样构造的：

HTML标记：

<table id="mytable">
  <tr>
    <th>Name</th>
    <th>Address</th>
     <th>Email</th>
  </tr>
  <tr>
    <td class="name">Tom</td>
    <td class="addr">789</td>
    <td class="email">tom@dot.com</td>
  </tr>
  <tr>
    <td class="name">Dick</td>
    <td class="addr">456</td>
    <td class="email">dick@dot.com</td>
  </tr>
  <tr>
    <td class="name">Harry</td>
    <td class="addr">123</td>
    <td class="email">harry@dot.com</td>
  </tr>
</table>

<input id="txt1" type="text" />
<input id="txt2" type="text" />
<input id="txt3" type="text" />​

$(".name").click(function(){
   $("#txt1").val($(this).text());
   $("#txt2").val($(this).nextAll().eq(0).text());
   $("#txt3").val($(this).nextAll().eq(1).text());
});​

$(".addr").click(function(){
   $("#txt2").val($(this).text());
   $("#txt1").val($(this).prevAll().eq(0).text());
   $("#txt3").val($(this).nextAll().eq(0).text());
});

$(".email").click(function(){
   $("#txt3").val($(this).text());
   $("#txt2").val($(this).prevAll().eq(0).text());
   $("#txt1").val($(this).prevAll().eq(1).text());
});

---

演示：

您可以组合列和行。每个由id组成的单元格，您给它第列标题和

序列号它可以是行的索引，行和列的组合给出

地址按表单元格按特定事件读取id值

然后你知道如何提取单元格值

 $('tr')
        .click(function() {
        ROW = $(this)
            .attr('id');
        $('#display_Colume_Raw')
            .html(COLUME + ROW);

        $('#input' + COLUME + ROW)
            .show();
        STATUS = $("#input" + COLUME + ROW)
            .val();
    });

---

为我们提供您的html结构。单击应设置所有3个值？？？这听起来和问题描述的不一样。。好像你误解了我的问题。。。添加代码后，当我点击一个按钮时遇到了这个问题，它给了我所有s的值。。。我不想那样。。。。它必须在特定的点击…如果你把你的html，然后它可能会带来一些好的解决方案。

 $('tr')
        .click(function() {
        ROW = $(this)
            .attr('id');
        $('#display_Colume_Raw')
            .html(COLUME + ROW);

        $('#input' + COLUME + ROW)
            .show();
        STATUS = $("#input" + COLUME + ROW)
            .val();
    });