JavaScriptを使って動的にテキストボックスとそのIDを生成する

Question

私は2つの列を含むdataTableを作成しています。最初の列には名前のリストが含まれ、2番目の列には各名前に対する空のテキストボックスが含まれます。これらのテキストボックスは動的に作成されます。私は、各テキストボックスのIDを動的に生成したい。私は次のコードで試しました：

jQuery("#table_projection_value").dataTable({ 
       "sAjaxSource": "includes/inc-projection-db.php?mode=projection_dataTable", 
       "bDestroy": true, 
       "bPaginate": false, 
       "bInfo": false, 
       "bFilter": false, 
       "bSort": false, 
       "aoColumnDefs": [ 
        { 
         "aTargets": [0], 
         "mRender": function(data, type, row) { 
          return data + '<input type="hidden" class="user_id" name="user_id[]" id="user_id" value="' + row[4] + '">'; 
         } 
        }, 
        { 
         "aTargets": [1], 
         "mRender": function(data, type, row) { 
          return '<input type="text" class="form-control text-right projected_value" name="projected_value[]" id="projected_value_' + row[4] + '_' + data + '" onchange="change();">'; 
         } 
        } 
       ] 
      }); 
      jQuery("#table_projection_value").on("draw.dt", function(){ 
       jQuery("#projected_value").each(function(i, e){ 
        //var controlid = "#" + jQuery(this).prop("id"); 
        //alert(controlid); 
        //var arr = controlid.split("_"); 
        $'<span></span>'),{ 
         "class": "arr", 
         "id": "id_" + i 
        }).appendTo(this); 
       }); 
      }); 

しかし、事実ですが、私は各テキストボックスのIDを定義されていません。だから、どうすればいい？私はこれに新しいです。 This is what I get as id for the text box.

Answer 1

row [4]が有効な値であることを確認できますか？

そして、あなたはあなたのコード内のいくつかの構文erorsを持っているが、この代わりに使用します。

$('<span></span>',{ 
    "class": "arr", 
    id: "id_" + i 
}).appendTo(this);