$('document').ready(function() { $('.contact').click(function(e) { e.preventDefault(); let options = $('#Region > option'); for(let i = 0; i < options.length; i++) { console.log(options[i].text); if(options[i].text == $(this).data('region')) { console.log('found',options[i].text) $(options[i]).prop('selected', true); } } let scrollposition = $('.widget-contact-form').offset().top - 35; window.scrollTo({top: scrollposition, behavior: 'smooth'}); console.log($(this).data('region')); }) }) $('document').ready(function() { // 1. get URL query param (does not work on IE, AFAIK) const url = new URL(window.location.href) const currentFilter = url.searchParams.get('filter') // we only filter stuff if a filter is provided if (currentFilter != null){ // 2. collect all filters const collection = document.getElementsByClassName('filter') // 3. traverse the collection, hide what's not of interest, show the rest for (let item of collection) { if (item.classList.contains(currentFilter)) { item.style.display = 'flex' } else { item.style.display = 'none' } } if (currentFilter == 'eastern-europe'){ document.getElementById('Region').selectedIndex = 5; } if (currentFilter == 'middle-east'){ document.getElementById('Region').selectedIndex = 3; } if (currentFilter == 'western-europe'){ document.getElementById('Region').selectedIndex = 6; } if (currentFilter == 'americas'){ document.getElementById('Region').selectedIndex = 4; } if (currentFilter == 'africa'){ document.getElementById('Region').selectedIndex = 1; } if (currentFilter == 'asia'){ document.getElementById('Region').selectedIndex = 2; } } })