如何获取每行中单击的值(使用 AddRowTable 插件生成),即
<script type="text/javascript">
$("document").ready(function(){
$(".addRow-Max4").btnAddRow({maxRow:4, inputBoxAutoNumber:true});
$(".delRow").btnDelRow();
});
</script>
在表格中生成最多 4 行,并对每个输入框进行编号,因此我在表格中得到 textfield1、textfield2 等。
<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>
现在我可能决定在第 1 行中选择 Apple,在第 2 行中选择 Mango,依此类推,并希望填充该行的相应文本字段。
我尝试过类似的方法:
$("a[class=autofill]").click(function()
{
$("input[name=textfield]").val($(this).text());
return false;
});
但不要让它适用于不同的文本字段。
有什么想法吗?
好吧,现在我有了
$("a[class=autofill]").live("click", function(){
$("input[name=textfield1]").val($(this).text());
return false;
});
但是我该如何调整它才能使其对每一行都是动态的。假设文本字段 1、文本字段 2、文本字段 3 等等。
最佳答案
我只是快速浏览了一下,但我认为也许 click()
对定义 click 事件后使用的元素没有生效。尝试使用 live()
代替: $("a[class=autofill]").live("click", function(){ ... });
关于jquery - jQuery中的AddRowTable有选择地写入输入框,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9097524/