<script>
document.addEventListener("DOMContentLoaded", function() {
    (function () {
        
        //Прописываем ссылку в том порядке, в каком выстроен выпадающий список
        const linkPosition = ['#mastercard' , '#visa'];
        //Записываем название поля выпадающего списка
        let dropList = 'product';
        
        
        setTimeout(function() {
            dropList = document.querySelectorAll('select[name="'+dropList+'"]');
        }, 1500);
        
        
        for(let i=0; i<linkPosition.length; i++){
        
            const LinkElements = document.querySelectorAll('a[href="'+linkPosition[i]+'"]');
            LinkElements.forEach(function (el, index) {
                el.addEventListener('click',function(e) {
                    e.preventDefault();
                    setTimeout(function() {
                        history.pushState("", document.title, window.location.pathname+ window.location.search);
                    }, 30);
                    
                    for(let j=0; j<dropList.length; j++){
                        dropList[j][i].selected = true;
                    };
                    
                });    
            });
        
        };
 
 
    })();    
});    
</script>