Javascript when adding row how do i get values from first row to second

Question

i have a form and i am adding rows to add multiple data at once, problem is it is pretty redundant to rewrite some data in the rows. so i want values of first row carryover to second and so on. enter image description here

my current Add row 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 layout is something like this

 <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>

thanks alot this cloning works for everything besides the selectboxes — Navy
– Navy, Commented Mar 24, 2022 at 4:16

Navy · Accepted Answer · 2022-03-24 04:43:22Z

0

EDIT: found workaround for selectbox not cloning. simply add onchange to selectbox and update function. and for cloning use link Shivam posted above.

  <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","");
          }

answered Mar 24, 2022 at 4:43

Navy

32 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Javascript when adding row how do i get values from first row to second

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related