Как добавить поле выбора с теми же значениями, используя Javascript

У меня есть код, чтобы добавить поле выбора, но я не могу добавить то же значение поля выбора. Это мой HTML код

<input onClick="addRow('dataTable')" type="button" value="Add" class="btn btn-primary">

<input onClick="deleteRow('dataTable')" type="button" value="Delete" class="btn btn-danger">

<div style="padding: 20px 0px 0px 0px;">
<table id="dataTable" border="0">
<tbody>
<tr>
<td width="40px"></td>
<td align="center">Number</td>
</tr>
<tr>
<td><input name="chk" type="checkbox"></td>
<td>
<select id='kap' name='kap'>
<option value=''>-- number --</option>
<option value="30">30</option>
<option value="45">45</option>
<option value="60">60</option>
</select>
</td>
</tr>
</tbody>
</table>

В этом случае я хочу добавить несколько значений, равных selectbox id = ‘kap’. Это мой код JavaScript

function addRow(tableID) {

var table = document.getElementById(tableID);
var rowCount = table.rows.length;
var row = table.insertRow(rowCount);

var cell1 = row.insertCell(0);
var element1 = document.createElement("input");
element1.type = "checkbox";
element1.name="chkbox[]";
cell1.appendChild(element1);

var cell2 = row.insertCell(1);
var element3 = document.createElement("select");
var element3 = document.getElementById("kap");
element3.type = "select";
element3.name = "selectbox[]"cell2.appendChild(element3);

}

0

Решение

Попробуй это:

var element3 = document.getElementById("kap").cloneNode(true);

Проверьте это здесь: jsFiddle

0

Другие решения

var table = document.getElementById(tableID);
var rowCount = table.rows.length;
var row = table.insertRow(rowCount);

var cell1 = row.insertCell(0);
var element1 = document.createElement("input");
element1.type = "checkbox";
element1.name="chkbox[]";
cell1.appendChild(element1);

var cell2 = row.insertCell(1);
var element3 = document.createElement("select");
var elementCopy = document.getElementById("kap");
element3.type = "select";
element3.name = "selectbox[]";
for(var i = 0; i < elementCopy.options.length; i++)
{
var option = document.createElement("option");
option.innerHTML = elementCopy.options[i].innerHTML;
element3.appendChild(elementCopy);
}
cell2.appendChild(element3);

Что-то вроде этого будет циклически перебирать опции первого выбора и добавлять их ко второму (новому) выбору.

0

По вопросам рекламы [email protected]