簡體   English   中英

Javascript 添加行時如何獲取第一行到第二行的值

[英]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.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM