- Sun Feb 24, 2019 8:33 pm
#823076
I'm trying to hide / show fields based on selection from dropdown. Only the HEO shows when selected.
Below is the code I'm using:
Below is the code I'm using:
Code: Select all
// HIDE OR SHOW HEO
function showOrHideHEOOps() {
if ($('#Title').getValue() === 'HEO') {
$("#HeoHire").show();
}
else {
$("#HeoHire").hide();
$("#ClassifiedTitle").hide();
$("#FacultyHire").hide();
}
}
// HIDE OR SHOW FAC
function showOrHideFACOps() {
if ($('#Title').getValue()[0] === 'FAC') {
$("#FacultyHire").show();
}
else {
$("#HeoHire").hide();
$("#ClassifiedTitle").hide();
$("#FacultyHire").hide();
}
}
// HIDE OR SHOW CLS
function showOrHideCLSOps() {
if ($('#Title').getValue()[0] === 'CLS') {
$("#ClassifiedTitle").show();
}
else {
$("#HeoHire").hide();
$("#ClassifiedTitle").hide();
$("#FacultyHire").hide();
}
}
// INITIALIZE
showOrHideFACOps();
showOrHideHEOOps();
showOrHideCLSOps();
// UPDATE ON CHANGE
$('#Title').setOnchange(showOrHideFACOps);
$('#Title').setOnchange(showOrHideCLSOps);
$('#Title').setOnchange(showOrHideHEOOps);