StackOverflow2013

Note that there are some explanatory texts on larger screens.

plurals

POInsert table row after row called from JQuery
text
Body
copied!<p>I'm trying to insert another table row into a table after calling from a submit button,</p> <h3>PHP/CodeIgniter:</h3> <pre class="lang-php prettyprint-override"><code><tr id="wiring_details_<?php echo $part->id;?>-<?php echo $zone->id;?>"> <td COLSPAN='2'> Wire Type: <select name='select_wire_<?php echo $part->id; ?>' onchange='Estimate.select_wire( <?php echo $part->id;?>, this.value );'> <option value='' selected>Select wire..</option> <option value='1'>14/2</option> <option value='2'>14/4</option> <option value='3'>16/4</option> <option value='4'>16/2</option> <option value='5'>RG6</option> <option value='6'>CAT5</option> <option value='7'>RG59</option> <option value='8'>LVT</option> <option value='9'>CAT6</option> <option value='10'>HDMI</option> <option value='11'>Shielded CAT6</option> </select> </td> <td COLSPAN='2'>Length: <input type='text' id='id_wire_length_<?php echo $part->id; ?>' name='wire_length_<?php echo $part->id; ?>' value='<?php echo $part->wire_length; ?>' /></td> <td COLSPAN='2'>Retail Price: <input type='text' id='id_wire_retail_<?php echo $part->id; ?>' name='wire_retail_<?php echo $part->id; ?>' value='<?php echo $part->wire_retail / 100; ?>' /> </td> <td COLSPAN='2'>Add Another: <input type='submit' id='id_wire_retail_<?php echo $part->id; ?>' name='wire_retail_<?php echo $part->id; ?>' value='Add Wire' onClick="addWire();" /> </td> <input type='hidden' id='wire_id_<?php echo $part->id; ?>' name='wire_id_<?php echo $part->id; ?>' value='<?php echo $part->wire_id; ?>'/> </tr> </code></pre> <p>The "Add another" column has a submit button in it which is going to insert another row into the DOM after the row it is called from, how can this be achieved in Javascript or JQuery as JQ is in this project too.</p> <p>I know in JQ that I could use something like <code>$(this).parent().after</code>? But I am not 100% on its usage.</p> <p>Thanks!</p>

Querying!

Guidance

An individual column

Larger individual text columns get their own page to allow for proper reading.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload