Как изменять значения radio в зависимости от выбора в select в ZeroBlock в Tilda

<script>

const priceSrtelka = {
 /*2метра*/   '2': [{"mat1":10400},{"mat2":14600},{"mat3":10800}],
 /*4метра*/   '4': [{"mat1":17800},{"mat2":21850},{"mat3":16200}],
 /*6метров*/  '6': [{"mat1":24300},{"mat2":29740},{"mat3":22450}],
 /*8метров*/  '8': [{"mat1":33200},{"mat2":42350},{"mat3":33890}]
};


document.addEventListener("DOMContentLoaded", function() {
    (function () {
    
        setTimeout(function(){
            
            const selectLength = document.querySelector('select[name="length_strelka"]');
            const radioMaterial = document.querySelectorAll('input[name="material_strelka"]');
            
            if(selectLength!=null && radioMaterial.length ){
                
                selectLength.addEventListener('change', function(event) {
                    
                    let place = this.value;
                    if(place=='') place = 2;
                    
                    radioMaterial[0].setAttribute('data-calc-value', priceSrtelka[place][0]['mat1']);
                    radioMaterial[1].setAttribute('data-calc-value', priceSrtelka[place][1]['mat2']);
                    radioMaterial[2].setAttribute('data-calc-value', priceSrtelka[place][2]['mat3']);
                    
                    radioMaterial[0].dispatchEvent(new Event('change', { bubbles: true }));
                
                });

            };

        }, 2000);

    })();    
});    
</script>