diff --git a/data_access.js b/data_access.js index a172aed..0bd0c9e 100644 --- a/data_access.js +++ b/data_access.js @@ -37,10 +37,27 @@ $(document).ready(function(){ $('#expTypeDataQuery').empty(); data_access_all_clear(); createDataAccessAll(regionSubdomain); + }); }); +// function to reset the hidden or show dropdown options +function resetOptionVisibility(expType) { + // turn on/off forecast/projection related options + if (experiment_type.includes('forecast')) { + // creating the initialDate options needed!!!!! + $('.forecastOpt').removeClass('hidden'); + $('.projectOpt').addClass('hidden'); + } else if (experiment_type.includes('projection')) { + $('.projectOpt').removeClass('hidden'); + $('.forecastOpt').addClass('hidden'); + } else { + $('.projectOpt').addClass('hidden'); + $('.forecastOpt').addClass('hidden'); + }; +} + // Async function that depends on createDataAccessExpType // !!!!!!add elseif when radio region and subdomain increase!!!!!! async function createDataAccessAll(regSubdom) { @@ -57,6 +74,9 @@ async function createDataAccessAll(regSubdom) { await createDataAccessExpType(region,subdomain); experiment_type = $('#expTypeDataQuery').val(); + // turn on/off forecast/projection related options + resetOptionVisibility(experiment_type) + // create options below experiement type and above variables await createDataAccessOthers(region,subdomain,experiment_type); } @@ -205,18 +225,7 @@ $('#expTypeDataQuery').on('change', function() { createDataAccessOthers(region,subdomain,$(this).val()); // turn on/off forecast/projection related options - if (experiment_type.includes('forecast')) { - // creating the initialDate options needed!!!!! - $('.forecastOpt').removeClass('hidden'); - $('.projectOpt').addClass('hidden'); - } else if (experiment_type.includes('projection')) { - $('.projectOpt').removeClass('hidden'); - $('.forecastOpt').addClass('hidden'); - } else { - $('.projectOpt').addClass('hidden'); - $('.forecastOpt').addClass('hidden'); - }; - + resetOptionVisibility(experiment_type) });