FormidableForms: Copy Repeatable Field Val to Another

The Problem

A user asked the following question on the FormidableForms Community Forum

I have a form in which I used the following script to copy text from one text field to another (lookup text field). It worked until now. But now that I have moved these two fields into a repeatable section, the script has stopped working.

The Solution

When you added the fields to the repeatable section, the field ID changed.

The first field on form is field_o8v4sw-0. When you add a row to a repeatable section, the field ids will incremented. So, if you 9 more rows, the field ids will be:

field_o8v4sw-0
field_o8v4sw-1
field_o8v4sw-2
field_o8v4sw-3
field_o8v4sw-4
field_o8v4sw-5
field_o8v4sw-6
field_o8v4sw-7
field_o8v4sw-8
field_o8v4sw-9

Counting always starts at 0. Instead of checking for each individual field to change, this can be done with a wild card.

$("[id^=field_o8v4sw]").on("change", function() { //source field key
var sourceField = $(this).val(); //source field key

In order to determine the destination field, you're going to have to do some string manipulation. So the first thing we have to do is get the actual ID of the target field.

var field_id = $(this).attr("id");

Next, we need to get the number at the end of the ID. This number will be the same as the destination field.

var index_number = field_id.substr(field_id.lastIndexOf("-")+1);

Now we can populate the destination field.

var destination_field = "#field_6qubt-" + index_number;

$(destination_field).val(sourceField);

Here is your new jQuery.