I recreated the MRVS and Catalog Item variables in my PDI, re-typed some of the Client Script, and entered some dummy-data in three rows on the MRVS and it works fine for me in the native UI and Service Portal. The screenshots and video are great to explain and show the issue, but next time post a script using the insert code (</>) icon to allow for easier troubleshooting. Here's the script I used:
function onChange(control, oldValue, newValue, isLoading) {
if (isLoading || newValue == '') {
return;
}
var myIndex = Number(g_form.getValue("select_options")) - 1;
var myMRVS = g_form.getValue("salary_range_options");
var arrJsonSO = JSON.parse(myMRVS);
var lenJsonSO = arrJsonSO.length -1;
if (myIndex < 0 || myIndex > lenJsonSO) {
g_form.showFieldMsg("select_options", "out of range", "error");
} else {
g_form.setValue("u_ee_grp", arrJsonSO[myIndex].employee_group);
g_form.setValue("u_min_salary_range", arrJsonSO[myIndex].min_sr);
g_form.setValue("u_max_salary_range", arrJsonSO[myIndex].max_sr);
}
}
It looks like you are auto-loading the MRVS onLoad of the Catalog Item form? Try adding data for a fourth row to see if you still get the error on row 3 and/or 4. Try disabling this, adding the three rows manually, then see if you get the same error. If not, that points to something amiss with the load - extra characters or a syntax or method that seems to get the job done, but does not result in valid data in the MRVS. If I got the same error I was going to try adding some alerts on myMRVS, myIndex,... to see if anything looked wrong when selecting 3.
