<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などとしましょう。
ページがロードされた後にこれらの行が追加された場合、それらの行にイベントをバインドすることはできません。 Zach Lは、ページがロードされた後にDOMに追加された要素にイベントをバインドするために「ライブ」を使用する必要があるという点は正しいです。 .delegate() –
okを "live"を使用して使用することもできます。もう1つの質問:$( "input [name = textfield]")。val($(this).text());ありがとう – user1182888
もう少し説明できますか?私はちょうどあなたが何を望んでいるかに関してちょっと混乱しています。 –