Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    primarykey
    data
    text
    <p>Some browsers have a special security on DOM objects then you will need convert the objects to html then replace the ID/name, is better you use a hidden template to your fields, follow below a functional code:</p> <p>unique id's based on javascript getTime, and easy group of data to get on backend</p> <pre><code>&lt;script type="text/javascript" charset="utf-8"&gt; jQuery(document).ready(function($){ $('a[clone_nested]').on('click', function(){ // div#runner_build var clone_build = $('#' + $(this).attr('clone_nested') + '_build'); // div#runner_clone var clone_placeholder = $('#' + $(this).attr('clone_nested') + '_clone'); var clone_object = $('.nested_fields:first', $(clone_build)).clone(); $(clone_object).html($(clone_object).html().replace(/clone_key/g, (new Date().getTime()))); $(clone_object).find('input[name*="_destroy"]').val(false).end().hide(); $(clone_placeholder).before($(clone_object)); $(clone_object).slideDown(); }); }); &lt;/script&gt; &lt;div&gt; &lt;div id="runner_build"&gt; &lt;div class="nested_fields"&gt; &lt;input type="text" name="runners[clone_key][name]" value="" id="runner_clone_key_name"&gt; &lt;input type="text" name="runners[clone_key][address]" value="" id="runner_clone_key_address"&gt; &lt;input type="text" name="runners[clone_key][phone]" value="" id="runner_clone_key_phone"&gt; &lt;input type="hidden" name="runners[clone_key][_destroy]" value="true" id="runner_clone_key__hidden"&gt; &lt;/div&gt; &lt;/div&gt; &lt;div id="runner_clone"&gt;&lt;/div&gt; &lt;a href="javascript:void(0)" clone_nested="runner"&gt;add runner&lt;/a&gt; &lt;/div&gt; &lt;?php unset($_REQUEST['runners']['clone_key']); foreach($_REQUEST['runners'] as $runner){ if($runner['_destroy'] == true){ continue; } } ?&gt; </code></pre>
    singulars
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
 

Querying!

 
Guidance

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