Добрый день. имеется таблица
<table id="POITable" border="1">
<tr>
<td>№ п\п</td>
<td>Группа</td>
<td>Услуга</td>
<td>Сотрудник</td>
<td>Данные</td>
<td colspan="2">работа со строками</td>
</tr>
<tr id="result_tr" style="display: none;">
<td>0</td>
<td><select id="group">
<option value="0">Выберите из списка</option>
</select><input type="button" id="findService" value="Найти услуги" onclick="Find()" />
</td>
<td>
<select id="service" disabled>
<option value="0">Выберите из списка</option>
</select>
</td>
<td>
<select id="employee" class="js-select2" >
<option value="">Выберите из списка</option></select>
</td>
<td>
<input type="number" step="any" name = "Data_form" id ="Data_form1" >
</td>
<td><input type="button" id="delPOIbutton" value="Удалить строку" onclick="deleteRow(this)" /></td>
<td><input type="button" id="addmorePOIbutton" value="Добавить строку" onclick="insRow()" /></td>
</tr>
При нажатии на кнопку добавить строку выполняется скрипт
function insRow() {
var x = document.getElementById('POITable');
var new_row = x.rows[1].cloneNode(true);
var len = x.rows.length -1;
new_row.cells[0].innerHTML = len;
var inp1 = new_row.cells[1].getElementsByTagName('select')[0];
inp1.id += len;
inp1.value = '';
var inp2 = new_row.cells[2].getElementsByTagName('select')[0];
inp2.id += len;
inp2.value = '';
var inp3 = new_row.cells[3].getElementsByTagName('select')[0];
inp3.id += len;
inp3.value = '';
x.appendChild(new_row);
}
Как в этой функции изменить свойство новой строки, что бы она отображалась?
<tr id="result_tr" style="display: none;">
при этом не затрагивая старую. за все советы буду благодарен