Php jquery在输入文本输入时使用enter键动态添加具有值的表行(超过两列)
1.htmlPhp jquery在输入文本输入时使用enter键动态添加具有值的表行(超过两列),php,jquery,Php,Jquery,1.html 不 项目编号 描述 计量单位 数量 普遍定期审议 圆盘 附属的 x 输入条形码: 2.javascript <table id="cstbl" border="1"> <tr bgcolor="#FFFFFF" align="center"> <td>no</td> <td>item no</td> <td>descr</td> &l
不
项目编号
描述
计量单位
数量
普遍定期审议
圆盘
附属的
x
输入条形码:
2.javascript
<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" />
var指数=1;
$('input[name=barcode]')。在('keyup',函数(e)上{
var代码=(e.keyCode?e.keyCode:e.which);
如果(代码==13){
$(“表”)。追加(“”);
$('table tr:last td:first').html(索引);
$('table tr:last td:last').html($(this.val());
$(this.focus().select();
索引++;
}
});
如果我想在第二列(即item no列)中显示表格cstbl中条形码的值,javascript中替换td:last
的脚本是什么
我只知道只有:first
和:last
选择器。您可以在创建新行时直接添加这些值:
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++;
}
});
试试这个
$('table tr:last td').eq(1).html($(this).val());
var指数=1;
$('input[name=barcode]')。在('keyup',函数(e)上{
var代码=(e.keyCode?e.keyCode:e.which);
如果(代码==13){
$(“表”)。追加(“”);
$('tr:last td:eq(0)').html(索引);
$('tr:last td:eq(1)').html($(this.val());
$(this.focus().select();
索引++;
}
});
是否可以在数据库中提交表cstbl中的数据?如何在每行的每个单元格中使用输入类型?我可以在append()函数中使用吗?例如,$('table')。append('';如果我这样写,它能不能工作?在这部分,$('tr:last td:eq(1)').html($(this.val());,如何将条形码中的值传递给textfield itemno?请尝试此$('tr:last td:eq(1)input:text').val($(this.val())代码>
$('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++;
}
});