[英]jquery to dynamically add table row with value upon entering text input using enter key more than two column
1.html 1.html
<table id="cstbl" border="1">
<tr bgcolor="#FFFFFF" align="center">
<td>no</td>
<td>item no</td>
<td>descr</td>
<td>uom</td>
<td>qty</td>
<td>upr</td>
<td>disc</td>
<td>sub</td>
<td>x</td>
</tr>
</table>
<br />
Enter barcode:
<input type="text" name="barcode" id="barcode" />
2.javascript 2.javascript
var index = 1;
$('input[name=barcode]').on('keyup',function(e){
var code = (e.keyCode ? e.keyCode : e.which);
if (code == 13) {
$('table').append('<tr><td></td><td></td> <td></td><td></td><td></td> <td></td> <td></td><td></td><td></td> </tr>');
$('table tr:last td:first').html(index);
$('table tr:last td:last').html($(this).val());
$(this).focus().select();
index++;
}
});
If I want to display the value of barcode
in table cstbl
in second column which is item no column, what are the script for replace the td:last
in the javascript? 如果我想在table cstbl
的第二列(即项目No列)中显示barcode
的值,那么替换javascript中的td:last
的脚本是什么?
I just know only have :first
and :last
selector. 我只知道只有:first
和:last
选择器。
Yo can add these values directly while building new row: 您可以在建立新行时直接添加以下值:
$('#cstbl').append(
'<tr>' +
'<td>' + index + '</td>' +
'<td>' + $(this).val() + '</td>' +
'<td></td>' +
'<td></td>' +
'<td></td>' +
'<td></td>' +
'<td></td>' +
'<td></td>' +
'<td></td>' +
'</tr>');
Or filter all td's to match only second one (in 0-indexed array, that's why 1): 或过滤所有td仅匹配第二个(在0索引数组中,这就是为什么1):
$('table tr:last td').eq(1).html($(this).val());
var index = 1;
$('input[name=barcode]').on('keyup',function(e){
var code = (e.keyCode ? e.keyCode : e.which);
if (code == 13) {
$('table').append('<tr><td></td><td></td><td></td><td></td><td></td><td></td><td> </td><td></td><td></td> </tr>');
$('tr:last td:eq(0)').html(index);
$('tr:last td:eq(1)').html($(this).val());
$(this).focus().select();
index++;
}
});
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.