Как добавить таблицу динамически в javascript

Question

Я хочу динамически добавить строку таблицы. Я попытался с онлайн-решения, но не повезло Мой код:

<script type="text/javascript"> 
 
\t var index = 2; 
 
\t var chr = 68; 
 
    function insertRow(){ 
 
       var table=document.getElementById("myTable"); 
 
       var row=table.insertRow(table.rows.length); 
 
       var cell1=row.insertCell(0); 
 
       var t1=document.createElement("input"); 
 
       \t t1.setAttribute('name', "sigID"+index); 
 
        t1.setAttribute('value', char(chr)); 
 
        t1.setAttribute('size', 10); 
 
        cell1.appendChild(t1); 
 
       var cell2=row.insertCell(1); 
 
       var t2=document.createElement("input"); 
 
       \t t2.setAttribute("type","text"); 
 
       \t t2.setAttribute('name',"pattern"+index); 
 
        t2.setAttribute('size',10); 
 
        t2.setAttribute('colspan',2); 
 
        cell2.appendChild(t2); 
 
      index++; 
 
      chr++; 
 

 
    } 
 
\t </script>

я добавил одну строку по умолчанию в HTML, а затем на кнопку Добавить, я хочу, чтобы добавить строку в соответствии с необходимостью. HTML страницы:

<table id="myTable" style="margin-left:201px;"> 
 
    <tr> 
 
    <th>SigID</th> 
 
    <th colspan="2">Patterns</th> 
 
    </tr> 
 
    <tr> 
 
    <td> 
 
     {!!Form::text('sigID1','A',array('size'=>'5'))!!} 
 
    </td> 
 
    <td colspan="2"> 
 
     {!!Form::text('pattern1','',array('size'=>'102'))!!} 
 
     <input type="button" class="btn btn-primary btn-md" onclick="insertRow()" value="Add"> 
 
    </td> 
 
    </tr> 
 
</table>

Пожалуйста, дайте мне знать, что это неправильно в этом коде.

Answer 1

Изменение:

t1.setAttribute('value', char(chr)); 

к:

t1.setAttribute('value', String.fromCharCode(chr)); 

DEMO

Answer 2

У вас есть ошибка в этой строке:

t1.setAttribute('value', char(chr)); 

символ не является Java-функция.

Я предполагаю, что вы хотите:

String.fromCharCode(chr) 

Изменение выше линии к этому:

t1.setAttribute('value', String.fromCharCode(chr)); 

Answer 3

Я всегда нахожу этот сайт Usefull, вы посмотрите на данном примере можно http://www.w3schools.com/jsref/met_table_insertrow.asp