Getting this error (Cannot read properties of undefined (reading 'value')) after adding JS to my public form to hide some fields until correct option is chosen. I'm new to JS but error seems to be about un-initialized variables... just not sure what variables I need to initialize or how to do so.
fd.rendered(function () {
function hideOrShowProgram() {
if (fd.field('Campus').value == 'BMS') {
$(fd.field('ChooseProgramBMS').$parent.$el).show();
$(fd.field('ChooseProgramRMS').$parent.$el).hide();
$(fd.field('ChooseProgramSMS').$parent.$el).hide();
$(fd.field('ChooseProgramEJS').$parent.$el).hide();
$(fd.field('SelectGradeLevelRMS').$parent.$el).hide();
$(fd.field('SelectGradeLevelEJS').$parent.$el).hide();
} else if (fd.field('Campus').value == 'RMS') {
$(fd.field('ChooseProgramBMS').$parent.$el).hide();
$(fd.field('ChooseProgramRMS').$parent.$el).show();
$(fd.field('ChooseProgramSMS').$parent.$el).hide();
$(fd.field('ChooseProgramEJS').$parent.$el).hide();
$(fd.field('SelectGradeLevelRMS').$parent.$el).show();
$(fd.field('SelectGradeLevelEJS').$parent.$el).hide();
} else if (fd.field('Campus').value == 'SMS') {
$(fd.field('ChooseProgramBMS').$parent.$el).hide();
$(fd.field('ChooseProgramRMS').$parent.$el).hide();
$(fd.field('ChooseProgramSMS').$parent.$el).show();
$(fd.field('ChooseProgramEJS').$parent.$el).hide();
$(fd.field('SelectGradeLevelRMS').$parent.$el).hide();
$(fd.field('SelectGradeLevelEJS').$parent.$el).hide();
} else if (fd.field('Campus').value == 'EJS') {
$(fd.field('ChooseProgramBMS').$parent.$el).hide();
$(fd.field('ChooseProgramRMS').$parent.$el).hide();
$(fd.field('ChooseProgramSMS').$parent.$el).hide();
$(fd.field('ChooseProgramEJS').$parent.$el).show();
$(fd.field('SelectGradeLevelRMS').$parent.$el).hide();
$(fd.field('SelectGradeLevelEJS').$parent.$el).show();
} else {
$(fd.field('ChooseProgramBMS').$parent.$el).hide();
$(fd.field('ChooseProgramRMS').$parent.$el).hide();
$(fd.field('ChooseProgramSMS').$parent.$el).hide();
$(fd.field('ChooseProgramEJS').$parent.$el).hide();
$(fd.field('SelectGradeLevelRMS').$parent.$el).hide();
$(fd.field('SelectGradeLevelEJS').$parent.$el).hide();
}
}
fd.field('Campus').$on('change', hideOrShowProgram);
hideOrShowProgram();
});