Hi Jason,

Thanks for the response. I apologize as I'm not even a novice when it comes to Javascript, so I have some further questions.

Here's my Javascript for these two fields:
 

/* Make First Name autofill in Custom Html*/
$(document).on("change", ".oath-FirstName-field", function() {
  $("#oath_FirstName").text($(".oath-FirstName-field input").val()).change();
});


/* Make Last Name autofill in Custom Html*/
$(document).on("change", ".oath-LastName-field", function() {
  $("#oath_LastName").text($(".oath-LastName-field input").val()).change();
});

We're actually not even hiding these single line fields for first name and last name - just filling them with URL parameters and then they display normally. What would we need to change so the Javascript runs as soon as the form loads?

I know I'm basically asking you to write my Javascript for me, so I absolutely understand if you don't have time for this :)

Hi Jacob,

Try the dataset variable option I mentioned first. Your code will take care of things on the initial form and the variables will handle it everywhere else.

This still leaves the HTML section blank - the first name and last name don't populate in the HTML section, but the single line fields are filled out properly based on the URL parameters. I must still be missing something.

Do you still have your scripts running? As I mentioned in the first post, dataset variables only populate values that have already been submitted.

The dataset approach should address the issues with the values not showing in subsequent steps like saving to the repository, but it does not replace the scripts you already had for the starting form.

I do, but it feels like there's something I should change now and I don't know what it is. 'oath-FirstName-field' and 'oath-LastName-field' are the CSS classes I've assigned to the two single line fields in question. Using the dataset variables in the HTML now, I feel like I need to update the Javascript but I don't know what exactly needs to change.

If the javascript was working before, then the only thing that should change is adding the dataset variable inside the span elements of your custom HTML.

For example,

<span id="oauth_FirstName">{dataset/Your_Variable}</span>

In your starting form, the JavaScript you had already would replace the inner text of that span, so it doesn't matter that the variable is empty.

In your save to repository task, the dataset variable will be populated, and the JavaScript event won't fire. 

Thanks so much for your assistance!

So this got me to the point where the HTML is displaying the name properly in the custom HTML section when the form is loaded like we want. However, upon submission, it's still omitted from the image of the form that gets submitted to the repository. What else would I be missing?

I appreciate the hand-holding through this issue!

Are your placeholder fields (the ones populated by the url) hidden?

If so, are they set to Save or Ignore the value? If they're set to ignore, then you need to change that so the values can be retrieved later (this would be necessary for any approach to work).

If they are already set to Save, check one of your instance details, open the variable tab, and see if the values are actually saved after submission.

If the values are present, double check that your dataset variables match the actual variable names (selecting from the > menu is the safest option).