1

我有一个用于显示用户列表的 html 表。当我单击tr行时，它会在另一个 html 表中的文本框中找到 td值。

假设，下面给出的 html 表是用户列表，

<table id="tbl1" border="1">
   <tr>
       <td>name</td>
   </tr>
   <tr id="tr1" style='cursor:pointer;'>
       <td>Mani</td>
   </tr>
</table>

下面给出的 html 表，当我们点击上面 html 表中的一行时，动态地将td值分配给text-box，比如

<table id="tbl2">
   <tr>
       <td><input id="txt1" type="text"  /></td>
   </tr>
</table>
<br/>
<input type="button" id="btnReset" value="reset" />

我做了什么，当我单击该表中的一行时，我得到一个 html 数据并将其分配给一个全局变量，当我单击reset按钮时，我只是将 html 值插入到#tbl2.

我的 jquery 代码如下所示，

var getHTML="";

$("#tr1").click(function(){    
   $("#txt1").val($(this).find('td').html());
   getHTML=$("#tbl2").html();
});

$("#btnReset").click(function(){
    $("#tbl2").html(getHTML);
});

它正在工作，但文本框值为空，如何从 html 表中获取动态文本框值。

在这里检查

4

1 回答 1

1

试试这个

$("#txt1").attr('value', $(this).find('td').text());

代替

$("#txt1").val($(this).find('td').text());

在您的text box来源中添加价值，例如

<input id="txt1" type="text" value="Mani">

更新： 或者你也可以试试这个。

于 2012-11-16T07:50:57.913 回答