php - 2列以上のEnterキーを使用してテキスト入力を入力すると、テーブル行に値を動的に追加するjquery

Question

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

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++;
  }
});​

項目のない列である 2 番目の列に in の値を表示したい場合、javascript で置き換えるスクリプトはbarcode何ですか?table cstbltd:last

:first私は、セレクターとセレクターしか持っていないことを知ってい:lastます。

Answer 1

新しい行を作成するときに、これらの値を直接追加できます。

$('#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>');

または、すべての td をフィルター処理して、2 番目の td のみに一致させます (インデックスが 0 の配列では、1 になります)。

$('table tr:last td').eq(1).html($(this).val());

Answer 2

このデモを試す

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++;
  }
});​