Vollective 54

radios.js

var hubSpotProductField = 'product_selector';

var dfProduct = document.getElementById('df_products');
document.getElementById('df_products').parentElement.parentElement.parentElement.parentElement.style.display = 'none'

var products = document.querySelectorAll('[name=' + hubSpotProductField +']');
Array.prototype.forEach.call(products, function(radio) {
    radio.addEventListener('change', function(event){
        if(event.target.value == 'Product 1'){
            dfProduct.selectedIndex = 0;
        }else if(event.target.value == 'Product 2'){
            dfProduct.selectedIndex = 1;
        }else if(event.target.value == 'Product 3'){
            dfProduct.selectedIndex = 2;
        }

        dfProduct.dispatchEvent(new Event('change'));
    });
});