2012-02-01 18 views
2

どうAddRowTableが選択的に入力ボックスに書き込み

<script type="text/javascript"> 
$("document").ready(function(){ 
$(".addRow-Max4").btnAddRow({maxRow:4, inputBoxAutoNumber:true}); 
$(".delRow").btnDelRow(); 
}); 
</script> 

は、テーブルと数字の各入力ボックスに最大4行を生成し、つまり、私は(AddRowTableプラグインを使用して生成された)それぞれの行でクリックした値を得ますか、だから私はtextfield1、textfield2と私のテーブルoninを取得します。

<table border="0" > 
<tr> 
    <th colspan="2">Input your data</th> 
    <th><input type="button" value="Add Row" class="addRow-Max4"/></th> 
</tr> 
<tr><td> 
    <a href="#" class="autofill">Apple</a> 
    <a href="#" class="autofill">Banana</a> 
    <a href="#" class="autofill">Mango</a> 
    </td><td><input type="text" name="textfield" class="autofill" size="25"/></td> 
    <td><img src="./images/cross.gif" class="delRow" border="0"></td> 
</tr> 
</table> 

今私はマンゴーようにROW2に及び、ROW1にアップルのために決めるかもしれませんし、この行のために応じてテキストフィールドが満たされていることをしたいと思います。

私のような何か試してみました:

$("a[class=autofill]").click(function() 
{ 
$("input[name=textfield]").val($(this).text()); 
return false; 
}); 

をしかし、それは別のテキストフィールドのために働くために得ることはありません。

アイデア?

[OK]を、今私は

$("a[class=autofill]").live("click", function(){ 
$("input[name=textfield1]").val($(this).text()); 
return false; 
}); 

を持っていますが、どのように私は、各行に対して、それをダイナミックにするために、それを調整する必要があります。 textfield1、textfield2、textfield3などとしましょう。

答えて

1

私はちょっと見ましたが、click()は、クリックイベントが定義された後に使用される要素に影響しない可能性があります。代わりにlive()を試してみてください。$("a[class=autofill]").live("click", function(){ ... });

+0

ページがロードされた後にこれらの行が追加された場合、それらの行にイベントをバインドすることはできません。 Zach Lは、ページがロードされた後にDOMに追加された要素にイベントをバインドするために「ライブ」を使用する必要があるという点は正しいです。 .delegate() –

+0

okを "live"を使用して使用することもできます。もう1つの質問:$( "input [name = textfield]")。val($(this).text());ありがとう – user1182888

+0

もう少し説明できますか?私はちょうどあなたが何を望んでいるかに関してちょっと混乱しています。 –

関連する問題