document.addEventListener('DOMContentLoaded', function() { // Get the relevant form fields const vMarketSelect = document.querySelector('#wpforms-111306-field_19'); const vMarketSubSelect = document.querySelector('#wpforms-111306-field_47'); const hiddenField = document.querySelector('#wpforms-111306-field_60'); /* * Conditional sub-vertical field */ // Define the options to show/hide based on wpforms-111306-field_26 values const optionsToShow = { 'Aftermarket Telematics': ['Usage based Insurance','Aftermarket Telematics'], 'Asset Management': ['Asset Tracking','Inventory Management','People and Pet Tracking','Micromobility','Sharing economy'], 'Automotive': ['Automotive OEM'], 'Commercial Telematics':['Fleet Management','Heavy Transport Vehicles and Equipment'], 'Display and Signage':['Digital Signage'], 'Edge Computing and AI':['Robot','VR, AR and XR.','AI devices','Edge devices and SBC'], 'Emerging Verticals':['Drone','eMBBS (Multimedia Broadcast Multicast Services)','Timing (GNSS only)'], 'Fixed Wireless Access (FWA)':['Gateway','CPE and Set-top box','Industrial Router','4G/5G Repeater'], 'Laptop and PC': ['Laptop','Tablet','PC and Server'], 'Payment':['ATMs','POS and cash register'], 'PDA and Handheld':['PoC','Industrial PDA'], 'RMAC (Remote Monitoring & Control Applications)': ['EMS, Renewable Energy and Storage','Healthcare Equipment Monitoring','Condition Based Monitoring','Agriculture and Environment','Home Appliances','Intelligent Transportation','Smart City','Smart Parking','Smart Lighting '], 'Security and Automation': ['Commercial Building Automation','Home Security and Automation','Video Surveillance'], 'Smart Metering and Smart Grid': ['Smart Grid','Smart Electricity Meter','Gas Meter','Water Meter','Submetering'], 'Telehealth': ['Home Monitoring','Patient Monitoring','Wellbeing Wearables'], 'Vending':['Kiosks','Vending'], 'Other': ['Other'] }; const removeOptions = function() { Array.from(vMarketSubSelect.options).forEach(function(option) { option.remove(0); }); }; const addOptions = function(key) { // Find option list by key const options = optionsToShow[key]; // Loop through found options options.forEach(function(option) { // Add the option element let opt = document.createElement('option'); opt.value = option; opt.text = option; vMarketSubSelect.appendChild(opt); }); // Reset the value of vMarketSubSelect to the first option vMarketSubSelect.value = vMarketSubSelect.options[0].value; } // Show the relevant options when vertical market field changes vMarketSelect.addEventListener('change', function() { const selectedValue = this.value; // Remove current options removeOptions(); // Add new options addOptions(selectedValue); }); /* * Fill out hidden field */ // Hide the text field initially hiddenField.style.display = "none"; vMarketSelect.addEventListener('change', function () { // Delay so function below has finished setTimeout(() => { hiddenField.value = vMarketSubSelect.value; }, 100); }); vMarketSubSelect.addEventListener('change', function () { hiddenField.value = this.value; }); });