Pesquisa de Comune por nome de cidade italiana

Baixe o Json abaixo para seu site
https://exemplos.dantetesta.com.br/tribunais.json

Informe o caminho desse Json no url:'https://seusite.com.br/tribunais.json' ali no Jquery ajax

/*Coloque o HTML na página de destino*/

<input type="search" name="search" id="search">
<div id="block-search"><div id="show-list"></div></div>


/* Coloque esse script no Elementor Custom Code */

<style>
	#search:focus{
   outline:0;
		border-radius:0;
	}
	#search{
		border:1px solid #d5d5d5;
		padding:10px 10px;
		color:#333333;
		font-size:20px;
		border-radius:0;
		font-weight:bold;
	}
	#block-search{
		display:block;
		width:100%;
		float:left;
	}
	#show-list{
		display:none;
		background: #f1f1f1;
		padding:20px;
		position:absolute;
		top:260px;
		z-index:9999;		
	}
	.result-list{
		width:100%;
		outline:1px solid #d5d5d5;
		padding:5px 15px;
		margin: 5px 0;
		display:block;	
		background:#ffffff;
		box-shadow:5px 5px 5px #e5e5e5;
	}
	
</style>	

<script>
	

jQuery(document).ready(function(){
    jQuery("#search").keyup(function(){
        var searchText = jQuery(this).val().toLowerCase();
        if(searchText.length > 2){
            jQuery.ajax({
                url:'https://seusite.com.br/tribunais.json',
                type:'GET',
                data:{search:searchText},
                success:function(response){
                    var result = '';
                    jQuery.each(response, function(key, value){
                        if(value.comune.toLowerCase().indexOf(searchText) != -1){
                            result += '<div class="result-list"><b>'+value.comune+'</b> | '+value.provincia+' | ' +value.codice+' | '+value.tribunale+'</div>';
                        }
                    });
                    jQuery('#show-list').html(result).css('display','block');
                }
            });
        }
        else{
            jQuery('#show-list').html('').css('display','none');
        }
    });
});




</script>

Desenvolvido por: Dante Testa