[英]Javascript when adding row how do i get values from first row to second
我有一个表格,我正在添加行以一次添加多个数据,问题是重写行中的一些数据是非常多余的。 所以我希望第一行的值结转到第二行,依此类推。
我当前的添加行 function
function addRows()
{
var table = document.getElementById('emptbl');
var rowCount = table.rows.length;
var cellCount = table.rows[0].cells.length;
var row = table.insertRow(rowCount);
for(var i =0; i <= cellCount; i++)
{
var cell = 'cell'+i;
cell = row.insertCell(i);
var copycel = document.getElementById('col'+i).innerHTML;
cell.innerHTML=copycel;
}
}
表格布局是这样的
<table id="emptbl">
<tbody>
<tr>
<td id="col0">
<label for="transports">Schedule Type:</label>
<select id="transports" name="schedule_type[]">
<option value="" disabled selected>Choose Type</option>
<option value="Weekday">Weekday</option>
<option value="Holiday">Holiday</option>
<option value="Friday">Friday</option>
<option value="Sunday">Sunday</option>
<option value="Monday">Monday</option>
<option value="Tuesday">Tuesday</option>
<option value="Wednesday">Wednesday</option>
<option value="Thursday">Thursday</option>
<option value="Saturday">Saturday</option>
</select>
</td>
编辑:找到选择框不克隆的解决方法。 只需将 onchange 添加到选择框并更新 function。克隆使用上面发布的 Shivam 链接。
<select id="transports" name="schedule_type[]" onchange="update(this);">
<option value="" disabled selected>Choose Type</option>
<option value="Weekday">Weekday</option>
<option value="Holiday">Holiday</option>
<option value="Friday">Friday</option>
<option value="Sunday">Sunday</option>
</select>
function update(val){
val.options[val.selectedIndex].setAttribute("selected","");
}
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.