У меня есть код, чтобы добавить поле выбора, но я не могу добавить то же значение поля выбора. Это мой 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);
}
Попробуй это:
var element3 = document.getElementById("kap").cloneNode(true);
Проверьте это здесь: jsFiddle
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);
Что-то вроде этого будет циклически перебирать опции первого выбора и добавлять их ко второму (новому) выбору.