pruebas gon

es una prueba, por ejemplp " el álamo " no funciona

Autocompletado de Municipio y Código Postal





 

 

<!DOCTYPE html>
<html lang=»es»>
<head>
<meta charset=»UTF-8″>
<meta name=»viewport» content=»width=device-width, initial-scale=1.0″>
<title>Autocompletado de Municipio y Código Postal</title>
<script src=»https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js»></script>
</head>
<body>
<label for=»municipio»>Escribe tu municipio:</label><br>
<input type=»text» id=»municipio» placeholder=»Escribe aquí…» autocomplete=»off»><br>
<select id=»sugerencias» size=»10″ style=»display: none;»>
<option value=»»>Selecciona un municipio…</option>
<!– Aquí se llenará con opciones –>
</select><br>
<label for=»codigo-postal»>Código Postal:</label><br>
<input type=»text» id=»codigo-postal» readonly><br>

<script>
$(document).ready(function() {
$(‘#municipio’).on(‘input’, function() {
const query = $(this).val().toLowerCase();
$(‘#sugerencias’).empty();
municipios.forEach(function(municipio) {
if (municipio.nombre.toLowerCase().includes(query)) {
$(‘#sugerencias’).append(`<option value=»${municipio.nombre} – ${municipio.codigoPostal}»>${municipio.nombre} – ${municipio.codigoPostal}</option>`);
}
});
$(‘#sugerencias’).css(‘display’, $(‘#sugerencias’).children().length > 1 ? ‘block’ : ‘none’);
});

$(‘#sugerencias’).on(‘change’, function() {
const municipioSeleccionado = $(this).val();
const codigoPostal = municipioSeleccionado.split(‘ – ‘)[1];
$(‘#municipio’).val(municipioSeleccionado.split(‘ – ‘)[0]);
$(‘#codigo-postal’).val(codigoPostal);
$(‘#sugerencias’).css(‘display’, ‘none’);
});
});

const municipios = [
{ nombre: ‘La Acebeda’, codigoPostal: ‘28721’ },
{ nombre: ‘Ajalvir’, codigoPostal: ‘28864’ },
{ nombre: ‘Alameda del Valle’, codigoPostal: ‘28749’ },
{ nombre: ‘El Álamo’, codigoPostal: ‘28607’ },
{ nombre: ‘Alcalá de Henares’, codigoPostal: ‘28801’ },
{ nombre: ‘Alcobendas’, codigoPostal: ‘28100’ },
{ nombre: ‘Alcorcón’, codigoPostal: ‘28922’ },
{ nombre: ‘Aldea del Fresno’, codigoPostal: ‘28620’ },
{ nombre: ‘Algete’, codigoPostal: ‘28110’ },
{ nombre: ‘Alpedrete’, codigoPostal: ‘28430’ },
{ nombre: ‘Ambite’, codigoPostal: ‘28513’ },
{ nombre: ‘Anchuelo’, codigoPostal: ‘28816’ },
{ nombre: ‘Aranjuez’, codigoPostal: ‘28300’ },
{ nombre: ‘Arganda del Rey’, codigoPostal: ‘28500’ },
{ nombre: ‘Arroyomolinos’, codigoPostal: ‘28939’ },
{ nombre: ‘El Atazar’, codigoPostal: ‘28192’ },
{ nombre: ‘Batres’, codigoPostal: ‘28974’ },
{ nombre: ‘Becerril de la Sierra’, codigoPostal: ‘28490’ },
{ nombre: ‘Belmonte de Tajo’, codigoPostal: ‘28390’ },
{ nombre: ‘El Berrueco’, codigoPostal: ‘28751’ },
{ nombre: ‘Berzosa del Lozoya’, codigoPostal: ‘28755’ },
{ nombre: ‘Boadilla del Monte’, codigoPostal: ‘28660’ },
{ nombre: ‘El Boalo’, codigoPostal: ‘28413’ },
{ nombre: ‘Braojos’, codigoPostal: ‘28737’ },
{ nombre: ‘Brea de Tajo’, codigoPostal: ‘28595’ },
{ nombre: ‘Brunete’, codigoPostal: ‘28690’ },
{ nombre: ‘Buitrago del Lozoya’, codigoPostal: ‘28730’ },
{ nombre: ‘Bustarviejo’, codigoPostal: ‘28720’ },
{ nombre: ‘Cabanillas de la Sierra’, codigoPostal: ‘28721’ },
{ nombre: ‘La Cabrera’, codigoPostal: ‘28751’ },
{ nombre: ‘Cadalso de los Vidrios’, codigoPostal: ‘28640’ },
{ nombre: ‘Camarma de Esteruelas’, codigoPostal: ‘28816’ },
{ nombre: ‘Campo Real’, codigoPostal: ‘28510’ },
{ nombre: ‘Canencia’, codigoPostal: ‘28740’ },
{ nombre: ‘Carabaña’, codigoPostal: ‘28540’ },
{ nombre: ‘Casarrubuelos’, codigoPostal: ‘28977’ },
{ nombre: ‘Cenicientos’, codigoPostal: ‘28650’ },
{ nombre: ‘Cercedilla’, codigoPostal: ‘28470’ },
{ nombre: ‘Cervera de Buitrago’, codigoPostal: ‘28755’ },
{ nombre: ‘Chapinería’, codigoPostal: ‘28694’ },
{ nombre: ‘Chinchón’, codigoPostal: ‘28370’ },
{ nombre: ‘Ciempozuelos’, codigoPostal: ‘28350’ },
{ nombre: ‘Cobeña’, codigoPostal: ‘28863’ },
{ nombre: ‘Collado Mediano’, codigoPostal: ‘28450’ },
{ nombre: ‘Collado Villalba’, codigoPostal: ‘28400’ },
{ nombre: ‘Colmenar de Oreja’, codigoPostal: ‘28380’ },
{ nombre: ‘Colmenar del Arroyo’, codigoPostal: ‘28213’ },
{ nombre: ‘Colmenar Viejo’, codigoPostal: ‘28770’ },
{ nombre: ‘Colmenarejo’, codigoPostal: ‘28270’ },
{ nombre: ‘Corpa’, codigoPostal: ‘28817’ },
{ nombre: ‘Coslada’, codigoPostal: ‘28820’ },
{ nombre: ‘Cubas de la Sagra’, codigoPostal: ‘28978’ },
{ nombre: ‘El Escorial’, codigoPostal: ‘28280’ },
{ nombre: ‘Estremera’, codigoPostal: ‘28595’ },
{ nombre: ‘Fresnedillas de la Oliva’, codigoPostal: ‘28214’ },
{ nombre: ‘Fresno de Torote’, codigoPostal: ‘28815’ },
{ nombre: ‘Fuenlabrada’, codigoPostal: ‘28940’ },
{ nombre: ‘Fuente el Saz de Jarama’, codigoPostal: ‘28140’ },
{ nombre: ‘Fuentidueña de Tajo’, codigoPostal: ‘28597’ },
{ nombre: ‘Galapagar’, codigoPostal: ‘28260’ },
{ nombre: ‘Garganta de los Montes’, codigoPostal: ‘28739’ },
{ nombre: ‘Gargantilla del Lozoya y Pinilla de Buitrago’, codigoPostal: ‘28739’ },
{ nombre: ‘Gascones’, codigoPostal: ‘28739’ },
{ nombre: ‘Getafe’, codigoPostal: ‘28901’ },
{ nombre: ‘Griñón’, codigoPostal: ‘28971’ },
{ nombre: ‘Guadalix de la Sierra’, codigoPostal: ‘28794’ },
{ nombre: ‘Guadarrama’, codigoPostal: ‘28440’ },
{ nombre: ‘La Hiruela’, codigoPostal: ‘28739’ },
{ nombre: ‘Horcajo de la Sierra-Aoslos’, codigoPostal: ‘28755’ },
{ nombre: ‘Horcajuelo de la Sierra’, codigoPostal: ‘28739’ },
{ nombre: ‘Hoyo de Manzanares’, codigoPostal: ‘28240’ },
{ nombre: ‘Humanes de Madrid’, codigoPostal: ‘28970’ },
{ nombre: ‘Leganés’, codigoPostal: ‘28911’ },
{ nombre: ‘Loeches’, codigoPostal: ‘28890’ },
{ nombre: ‘Lozoya’, codigoPostal: ‘28742’ },
{ nombre: ‘Lozoyuela-Navas-Sieteiglesias’, codigoPostal: ‘28742’ },
{ nombre: ‘Madarcos’, codigoPostal: ‘28742’ },
{ nombre: ‘Madrid’, codigoPostal: ‘28001’ },
{ nombre: ‘Majadahonda’, codigoPostal: ‘28220’ },
{ nombre: ‘Manzanares el Real’, codigoPostal: ‘28410’ },
{ nombre: ‘Meco’, codigoPostal: ‘28880’ },
{ nombre: ‘Mejorada del Campo’, codigoPostal: ‘28840’ },
{ nombre: ‘Miraflores de la Sierra’, codigoPostal: ‘28792’ },
{ nombre: ‘El Molar’, codigoPostal: ‘28710’ },
{ nombre: ‘Montejo de la Sierra’, codigoPostal: ‘28739’ },
{ nombre: ‘Moraleja de Enmedio’, codigoPostal: ‘28950’ },
{ nombre: ‘Moralzarzal’, codigoPostal: ‘28411’ },
{ nombre: ‘Morata de Tajuña’, codigoPostal: ‘28530’ },
{ nombre: ‘Móstoles’, codigoPostal: ‘28931’ },
{ nombre: ‘Navacerrada’, codigoPostal: ‘28491’ },
{ nombre: ‘Navalafuente’, codigoPostal: ‘28729’ },
{ nombre: ‘Navalagamella’, codigoPostal: ‘28212’ },
{ nombre: ‘Navalcarnero’, codigoPostal: ‘28600’ },
{ nombre: ‘Navarredonda y San Mamés’, codigoPostal: ‘28739’ },
{ nombre: ‘Navas del Rey’, codigoPostal: ‘28695’ },
{ nombre: ‘Nuevo Baztán’, codigoPostal: ‘28514’ },
{ nombre: ‘Olmeda de las Fuentes’, codigoPostal: ‘28515’ },
{ nombre: ‘Orusco de Tajuña’, codigoPostal: ‘28514’ },
{ nombre: ‘Paracuellos de Jarama’, codigoPostal: ‘28860’ },
{ nombre: ‘Parla’, codigoPostal: ‘28980’ },
{ nombre: ‘Patones’, codigoPostal: ‘28189’ },
{ nombre: ‘Pedrezuela’, codigoPostal: ‘28723’ },
{ nombre: ‘Pelayos de la Presa’, codigoPostal: ‘28696’ },
{ nombre: ‘Perales de Tajuña’, codigoPostal: ‘28540’ },
{ nombre: ‘Pezuela de las Torres’, codigoPostal: ‘28812’ },
{ nombre: ‘Pinilla del Valle’, codigoPostal: ‘28749’ },
{ nombre: ‘Pinto’, codigoPostal: ‘28320’ },
{ nombre: ‘Piñuécar-Gandullas’, codigoPostal: ‘28755’ },
{ nombre: ‘Pozuelo de Alarcón’, codigoPostal: ‘28223’ },
{ nombre: ‘Pozuelo del Rey’, codigoPostal: ‘28813’ },
{ nombre: ‘Prádena del Rincón’, codigoPostal: ‘28742’ },
{ nombre: ‘Puebla de la Sierra’, codigoPostal: ‘28191’ },
{ nombre: ‘Puentes Viejas’, codigoPostal: ‘28739’ },
{ nombre: ‘Quijorna’, codigoPostal: ‘28693’ },
{ nombre: ‘Rascafría’, codigoPostal: ‘28740’ },
{ nombre: ‘Redueña’, codigoPostal: ‘28721’ },
{ nombre: ‘Ribatejada’, codigoPostal: ‘28891’ },
{ nombre: ‘Rivas-Vaciamadrid’, codigoPostal: ‘28521’ },
{ nombre: ‘Robledillo de la Jara’, codigoPostal: ‘28737’ },
{ nombre: ‘Robledo de Chavela’, codigoPostal: ‘28294’ },
{ nombre: ‘Las Rozas de Madrid’, codigoPostal: ‘28230’ },
{ nombre: ‘Rozas de Puerto Real’, codigoPostal: ‘28512’ },
{ nombre: ‘San Agustín del Guadalix’, codigoPostal: ‘28750’ },
{ nombre: ‘San Fernando de Henares’, codigoPostal: ‘28830’ },
{ nombre: ‘San Lorenzo de El Escorial’, codigoPostal: ‘28200’ },
{ nombre: ‘San Martín de la Vega’, codigoPostal: ‘28330’ },
{ nombre: ‘San Martín de Valdeiglesias’, codigoPostal: ‘28680’ },
{ nombre: ‘San Sebastián de los Reyes’, codigoPostal: ‘28700’ },
{ nombre: ‘Santa María de la Alameda’, codigoPostal: ‘28296’ },
{ nombre: ‘Santorcaz’, codigoPostal: ‘28816’ },
{ nombre: ‘Los Santos de la Humosa’, codigoPostal: ‘28817’ },
{ nombre: ‘La Serna del Monte’, codigoPostal: ‘28751’ },
{ nombre: ‘Serranillos del Valle’, codigoPostal: ‘28979’ },
{ nombre: ‘Sevilla la Nueva’, codigoPostal: ‘28609’ },
{ nombre: ‘Somosierra’, codigoPostal: ‘28754’ },
{ nombre: ‘Soto del Real’, codigoPostal: ‘28791’ },
{ nombre: ‘Talamanca de Jarama’, codigoPostal: ‘28160’ },
{ nombre: ‘Tielmes’, codigoPostal: ‘28550’ },
{ nombre: ‘Titulcia’, codigoPostal: ‘28359’ },
{ nombre: ‘Torrejón de Ardoz’, codigoPostal: ‘28850’ },
{ nombre: ‘Torrejón de la Calzada’, codigoPostal: ‘28914’ },
{ nombre: ‘Torrejón de Velasco’, codigoPostal: ‘28924’ },
{ nombre: ‘Torrelaguna’, codigoPostal: ‘28180’ },
{ nombre: ‘Torrelodones’, codigoPostal: ‘28250’ },
{ nombre: ‘Torremocha de Jarama’, codigoPostal: ‘28189’ },
{ nombre: ‘Torres de la Alameda’, codigoPostal: ‘28813’ },
{ nombre: ‘Tres Cantos’, codigoPostal: ‘28760’ },
{ nombre: ‘Valdaracete’, codigoPostal: ‘28512’ },
{ nombre: ‘Valdeavero’, codigoPostal: ‘28816’ },
{ nombre: ‘Valdelaguna’, codigoPostal: ‘28391’ },
{ nombre: ‘Valdemanco’, codigoPostal: ‘28729’ },
{ nombre: ‘Valdemaqueda’, codigoPostal: ‘28295’ },
{ nombre: ‘Valdemorillo’, codigoPostal: ‘28210’ },
{ nombre: ‘Valdemoro’, codigoPostal: ‘28340’ },
{ nombre: ‘Valdeolmos-Alalpardo’, codigoPostal: ‘28130’ },
{ nombre: ‘Valdepiélagos’, codigoPostal: ‘28170’ },
{ nombre: ‘Valdetorres de Jarama’, codigoPostal: ‘28150’ },
{ nombre: ‘Valdilecha’, codigoPostal: ‘28511’ },
{ nombre: ‘Valverde de Alcalá’, codigoPostal: ‘28814’ },
{ nombre: ‘Velilla de San Antonio’, codigoPostal: ‘28891’ },
{ nombre: ‘El Vellón’, codigoPostal: ‘28751’ },
{ nombre: ‘Venturada’, codigoPostal: ‘28729’ },
{ nombre: ‘Villa del Prado’, codigoPostal: ‘28630’ },
{ nombre: ‘Villaconejos’, codigoPostal: ‘28360’ },
{ nombre: ‘Villalbilla’, codigoPostal: ‘28810’ },
{ nombre: ‘Villamanrique de Tajo’, codigoPostal: ‘28595’ },
{ nombre: ‘Villamanta’, codigoPostal: ‘28610’ },
{ nombre: ‘Villamantilla’, codigoPostal: ‘28609’ },
{ nombre: ‘Villanueva de la Cañada’, codigoPostal: ‘28691’ },
{ nombre: ‘Villanueva de Perales’, codigoPostal: ‘28609’ },
{ nombre: ‘Villanueva del Pardillo’, codigoPostal: ‘28229’ },
{ nombre: ‘Villar del Olmo’, codigoPostal: ‘28512’ },
{ nombre: ‘Villarejo de Salvanés’, codigoPostal: ‘28590’ },
{ nombre: ‘Villaviciosa de Odón’, codigoPostal: ‘28670’ },
{ nombre: ‘Villavieja del Lozoya’, codigoPostal: ‘28739’ },
{ nombre: ‘Zarzalejo’, codigoPostal: ‘28292’ }
];
</script>
</body>
</html>