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テーブルの行をクリックすると、次のように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 に答える