JSFiddle - React, Tailwind, and code Playground

by doug65536

HTML

<form>
    <button class="add_fields">X</button>
</form>

JavaScript

var s = '<fieldset>' +
  '<input id="tutor_educational_experiences_attributes_1379254094322_university" name="tutor[educational_experiences_attributes][1379254094322][university]" placeholder="University" type="text" />' +
  '<input id="tutor_educational_experiences_attributes_1379254094322_major" name="tutor[educational_experiences_attributes][1379254094322][major]" placeholder="Major" type="text" />' +
  '<input id="tutor_educational_experiences_attributes_1379254094322_minor" name="tutor[educational_experiences_attributes][1379254094322][minor]" placeholder="Minor" type="text" />' +
  '<input id="tutor_educational_experiences_attributes_1379254094322__destroy" name="tutor[educational_experiences_attributes][1379254094322][_destroy]" type="hidden" value="false" />'
  '<a class="remove_fields" href="#">[remove]</a>' +
'</fieldset> ';
console.log(s);

var id="1"

$(document).on('click', 'form .add_fields', function(event) {
    if ($(this).siblings('fieldset').length <= 7) {
        time = new Date().getTime();
        //regexp = new RegExp($(@).data('id'), 'g');
        var newFieldset = $(s).hide();
        $(this).before(newFieldset);//.replace(regexp, time)
        newFieldset.fadeIn();
    }
    event.preventDefault();
});