So are you wanting the value of the lookup to be a text field in a repeating row?

This takes the options of a choice field and creates a repeating row then sets the value for a single line text box for each option:

testChoice is the Client ID JavaScript variable name for the choice

textbox is the client id JavaScript variable name for the single line text box in the repeating section

.myrepclass is the css class of the repeating section

I added a JavaScript button the runs the function test()

var choice = NWF$('#' + testChoice);
function test() {
var x = choice.children('option');

for(i=2; i <x.length; i++){
    
     NWF$(".myrepclass").find('a').click();
}
var j=0;
NWF$(".myrepclass .nf-repeater-row:not('.nf-repeater-row-hidden')").each(function(){
j++;
var $row = NWF$(this);
$row.find(".textBox input").val(x.text);
});
  }

Ah, so will you need to be able to add a new row if you hit show stores again?  I don't think you will be able to dynamically add text boxes into the repeating section.  It could be a multiline text box, or you could try nested repeating sections.

//function ran on button click
function test() {

//set var as choice field

var choice = NWF$('#' + testChoice);

var x = choice.children('option');

var locations = x[1].text + " ";

for (i=2; i < x.length; i++) {
  //add newline after every option
  locations = locations + x.text + " ";
}
//set multiline textbox value
NWF$('#' + multiBox).val(locations);

}

Here's the solution I came up with, borrowing some ideas from Parker's post in how to manipulate the repeating section control. The purpose of this was to use JavaScript to query a SharePoint list based on a selection made on the form, and then to present the results of the query in a repeating section control. The example I'm sharing below also populates a Multi Line textbox for good measure.

To recap, I have the following two SharePoint lists:

The form is as follows:

Form Configuration

I've configured the main elements on the form as follows:

1. Select State: I'm using a List Lookup control with the States SP list as the source, and the Client ID JavaScript variable name to selState.
2. Get Stores: Set the Button action to JavaScript, and under Advanced set Client click to retrieveListItems(). The actual JavaScript code is explained in the Form JavaScript section below.
3. Multi Line Text Box: Under the Advanced properties, set the Client ID JavaScript variable name to multiBox.
4. Repeating Section: Under the Formatting properties, set the CSS class to repStores.
   • For the Single Line Textbox control inside this section, set it's Formatting property CSS class to repStoreTitle.

Form JavaScript

Under the general form Settings, the following JavaScript code is used:

function retrieveListItems() {

    var clientContext = new SP.ClientContext();
    var oList = clientContext.get_web().get_lists().getByTitle('Stores');
       
    var camlQuery = new SP.CamlQuery();
    var strState = NWF$("#" + selState + " option:selected").text();
   
    camlQuery.set_viewXml('<View><Query><Where><Eq><FieldRef Name='State'/>' +
        '<Value Type='Text'>' + strState +'</Value></Eq></Where>' +
        '<OrderBy><FieldRef Name='Title'/></OrderBy></Query></View>');
    this.collListItem = oList.getItems(camlQuery);
       
    clientContext.load(collListItem);
       
    clientContext.executeQueryAsync(
        Function.createDelegate(this, this.onQuerySucceeded),
        Function.createDelegate(this, this.onQueryFailed)
    );       
       
}

function onQuerySucceeded(sender, args) {

    var listItemInfo = '';

    var listItemEnumerator = collListItem.getEnumerator();
       
    while (listItemEnumerator.moveNext()) {
        var oListItem = listItemEnumerator.get_current();
        listItemInfo += oListItem.get_item('Title') + ' ';
       
        NWF$(".repStores .nf-repeater-row:last").find('.repStoreTitle input').val(oListItem.get_item('Title'));
        NWF$(".repStores").find('a').click();

    }

    NWF$("#" + multiBox).val(listItemInfo);
   
}

function onQueryFailed(sender, args) {

    alert('Request failed. ' + args.get_message() + ' ' + args.get_stackTrace());
}

I won't go into the details behind the JS, but the key elements were constructing the CAML query to retrieve the list items, then iterating through the list collection while populating the target controls of the Multi Line text box and Repeating Section.

References

• How to: Retrieve List Items Using JavaScript (https://msdn.microsoft.com/en-us/library/office/hh185007(v=office.14).aspx)
• SP.ClientContext.web property (sp.js) (https://msdn.microsoft.com/en-us/library/office/jj246877.aspx)
• Collaborative Application Markup Language (CAML) schemas > Query Schema (https://msdn.microsoft.com/EN-US/library/ms467521.aspx)

Hope this helps!

I suppose by having a "hidden" list lookup control, you remove the need to perform the query within JavaScript, and simply read off it's values. But I think the JavaScript approach allows you more flexibility in that you retrieve all fields from the query, whereas the "hidden" list lookup control is limited to a single field.

Still, good to know both approaches!

Found a solution as suggested by Marian Hatala‌ in post How to get selected value from 'new' dropdown list in JavaScript. The solution is to change line 6 in my original JavaScript from:

var strState = NWF$("#" + selState + " option:selected").text();‍‍

to the following:

var strState = NWF.RuntimeFunctions.parseLookup(NWF$("#" + selState).val(), true);‍‍

Hope this helps anyone else with a similar migration problem.

You can simply trigger the click() event on the delete row image of the last row after all your rows have been inserted. Referring to the original code above at line 31, add the following line after the closing brace of the while{} loop:

// Remove the last row
NWF$('.repStores .nf-repeater-row:last').find('.nf-repeater-deleterow-image').click();‍‍

Hope that helps!