$(function(){setTimeout(function (){ let searchWidget = $('[data-component-dynamicsearch]'); console.log("searchWidget", searchWidget.find('input[name="keyword"]')); var urlParams = new URLSearchParams(window.location.search); let searchedKeyword = ''; let searchedFilters = ''; if(urlParams.has('s')){ searchedKeyword = urlParams.get('s'); } if(urlParams.has('filters')){ searchedFilters = urlParams.get('filters'); searchedFilters = searchedFilters.split(';'); } searchWidget.each(function (){ selfSearchWidget = $(this); if(searchedKeyword !=''){ selfSearchWidget.find('input[name="keyword"]').val(searchedKeyword); } if(searchedFilters){ $.each(searchedFilters, function (key, value) { if (value) { let optValue = value.split(':'); let filterName = optValue[0]; let filterVal = optValue[1]; selfSearchWidget.find('select[name="'+filterName+'"]').val(filterVal); } }); } let keyword = ''; keyword = selfSearchWidget.find('input[name="keyword"]').val(); let selectedObj = selfSearchWidget.attr("data-selected-obj"); let success_redirect = selfSearchWidget.find('input[name=success_redirect]').val(); let all_filters = ''; let filtersQS = ''; if(!success_redirect){ success_redirect = window.location.href; } if (selfSearchWidget.find('.search-filters').length > 0) { all_filters = selfSearchWidget.find('.search-filters').find('select'); all_filters.off().on('change', function(){ $(this).attr('title', $(this).val()); let QS = $(this).attr('name')+':'+$(this).val(); $(this).attr('data-qs', QS); filtersQS = ''; let filtersArr = []; all_filters.each(function(){ if($(this).attr('data-qs')){ filtersArr.push($(this).attr('data-qs')); } }); filtersQS = filtersArr.join(';'); let keyword = ''; keyword = selfSearchWidget.find('[name="keyword"]').val(); let prepSrc = ''; if (success_redirect && selectedObj && keyword !='') { prepSrc = success_redirect+'?s='+keyword+'&obj='+selectedObj + '&filters='+filtersQS; selfSearchWidget.find('.searchBtn').attr('href', prepSrc); }else{ selfSearchWidget.find('.searchBtn').attr('href', 'javascript:void(0)'); } }); } if (success_redirect && selectedObj && keyword !='') { prepSrc = success_redirect+'?s='+keyword+'&obj='+selectedObj + '&filters='+filtersQS; selfSearchWidget.find('.searchBtn').attr('href', prepSrc); }else{ selfSearchWidget.find('.searchBtn').attr('href', 'javascript:void(0)'); } selfSearchWidget.find('[name="keyword"]').on('change textInput input', function(){ let keyword = ''; keyword = $(this).val(); let prepSrc = ''; if (success_redirect && selectedObj && keyword !='') { prepSrc = success_redirect+'?s='+keyword+'&obj='+selectedObj + '&filters='+filtersQS; selfSearchWidget.find('.searchBtn').attr('href', prepSrc); }else{ selfSearchWidget.find('.searchBtn').attr('href', 'javascript:void(0)'); } }); selfSearchWidget.find('[name="keyword"]').on('keyup', function(e){ if (e.key === 'Enter' || e.keyCode === 13) { let keyword = ''; keyword = $(this).val(); let prepSrc = ''; if (success_redirect && selectedObj && keyword !='') { prepSrc = success_redirect+'?s='+keyword+'&obj='+selectedObj + '&filters='+filtersQS; window.location.href = prepSrc; }else{ selfSearchWidget.find('.searchBtn').attr('href', 'javascript:void(0)'); } } }); }); }, 2000);});