UrlEncode is supposed to take whatever you pass through it encode the non-ASCII characters. Passing it through the encoder should fix your Jack & Jill issue since it should take the & and replace it with the encoded value of %26. You'll need to create an arcade expression in your pop up to use it. I parsed out the relevant parts from a larger script of mine. You'll want to replace my unique variables with yours for passing attribute values between field maps and the survey. I like to set all of those variables near the start so they are all in one place and it is easier to track down problems.
For example your field id should be something like:
var field_val = $feature.field_id;
Var establishes that you are creating a variable with the name field_val. To call the attribute value from a field in the feature layer use $feature.<field_name>. In this case we are saying the variable equals whatever attribute value is in the feature's field_id field.
In the params variable you put all the parameters you need to attach to the suvey123 url. This includes passing field values, survey action, callbacks, etc. So to pass your field_id value to the survey"s Field_ID field you need to add a line in there that is:
"field:Field_ID": field_val,
If you look at the url you put together manually this is the part that we are creating: field:Field_ID={field_id}. UrlEncode will try to turn the colons in the line not in quotations into an equal sign, so it is important to make sure the field:Field_ID is in quotes otherwise it will be spit out at field=Field_ID which won't work.
For the next field value to pass create a new variable for the $feature at the top of the script, then start a new line in params and repeat the "field:<field_name>": <variable>, format.
var item_id = <your survey123 id goes here>;
var map_id = <web map id goes here>;
var proj_val = $feature.project;
var globalid = $feature.GlobalID;
var urlsource = 'arcgis-survey123://?';
var fmurl = 'https://fieldmaps.arcgis.app?';
var recmess = Text("Enter Notes");
//Link display text
var fmfullurl = fmurl+ 'referenceContext=open' + '&itemID=' + map_id;
// full url to reopen field maps
var params = {
//parameters for UrlEncode() to use
itemID: item_id,
//use form item id here to target specified survey
action: 'collect',
//action tells survey123 to start a new record
"field:point_guid": globalid,
//pass global id from feature to survey guid field
//cannot assign variable for guid field name here, so this one must be entered here.
"field:project": proj_val,
//pass project from feature to survey project field
update: 'true',
callback: fmfullurl
//callback reopens Field Maps after the survey is completed
};
var fullURL = Concatenate([urlsource,UrlEncode(params)]);
//encode url parameters and concatenate with the survey123 url
var not_zelda = `<div style="text-align:center;">
<a href="${fullURL}" target="_blank">${recmess}</a>
</div>`
//Set the html to creat a link and position it.
//The enclosing apostrophes used must be the ` located
//under ~.
return {
type: 'text',
text: not_zelda,
//this property supports html tags
//This bit will take everything above and display a link //in the pop up window
};
