Question

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

假设，下面给出的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 值分配给文本框，例如

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

我做了什么，当我点击该表中的一行时，我得到一个HTML数据＆amp;将此分配给全局变量＆amp;当我单击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表中获取动态文本框值。

Check here

Answer 1

Try this

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

而不是

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

在text box来源中添加值

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

更新： Or you may try this too。

Jquery - value属性不是为jquery-1.4.1.min.js中的text-box添加的

1 个答案: