Untitled
unknown
plain_text
a year ago
36 kB
3
Indexable
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.1/css/all.min.css">
<style>
body {
font-family: Arial, sans-serif;
background-color: #FFFFFF;
}
h2 {
color: #232F3E;
}
label {
display: block;
margin-top: 10px;
color: #232F3E;
font-size: 19px;
font-weight: bold;
}
input[type="text"], input[type="tel"], select, button {
width: 100%;
padding: 12px 20px;
margin: 8px 0;
display: inline-block;
border: 2px solid #000;
box-sizing: border-box;
font-size: 19px;
color: #232F3E;
}
.row {
display: flex;
justify-content: space-between;
}
.row > div, .row-full {
width: 100%;
}
.half-row {
display: flex;
justify-content: space-between;
}
.half-row > div {
width: 48%;
}
.button-pulse {
background-color: #05B800;
color: white;
cursor: pointer;
font-weight: bold;
text-transform: uppercase;
box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.2);
font-size: 30px;
border: 2px solid #000;
border-radius: 4px;
animation: pulse 2s infinite;
padding: 10px 0px;
}
@keyframes pulse {
0% { transform: scale(1); }
50% { transform: scale(1.01); }
100% { transform: scale(1); }
}
button i {
margin-right: 10px;
}
.form-container {
padding: 20px;
border-radius: 6px;
max-width: 400px;
margin: 0 auto;
}
.phone-container {
display: flex;
align-items: center;
margin-bottom: 8px;
}
.phone-prefix {
height: 2.8em;
line-height: 1.4em;
font-size: 19px;
font-weight: bold;
color: #FFFFFF;
background-color: #05B800;
padding: 12px;
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
border: 2px solid #000;
border-right: none;
width: 70px;
text-align: center;
}
.phone-input {
height: 2.8em;
flex: 1;
border: 2px solid #000;
border-left: none;
padding: 12px 20px;
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.offer {
position: relative;
display: flex;
background: white;
align-items: center;
margin-bottom: 20px;
border: 1px solid #ccc;
padding: 10px;
border-radius: 5px;
box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.2);
transition: background-color 0.3s;
}
.offer img {
max-width: 60px;
margin-right: 15px;
}
.offer-price-value, .offer-discount-value {
font-size: 25px;
font-weight: bold;
color: green; /* Prezzo e valuta in verde */
}
.offer-discount-value {
color: red;
font-size: 19px;
display: block; /* Sconto su una nuova riga */
margin-top: 5px;
}
.offer.selected {
background-color: #e0f7fa;
}
.pack-warranty {
display: flex;
align-items: start; /* Allinea in alto */
padding: 15px;
margin-bottom: 20px;
border: 2px solid #000;
border-radius: 5px;
background-color: #fff9c4;
}
.pack-warranty img {
width: 40px;
margin-right: 10px; /* Spazio tra l'icona e il contenuto */
}
.pack-warranty .content {
flex-grow: 1;
}
.pack-warranty .title {
font-weight: bold;
margin-bottom: 5px;
}
.pack-warranty .description {
font-size: 14px;
margin-bottom: 10px; /* Spazio prima del blocco prezzo */
}
.pack-warranty .price-container {
display: flex;
align-items: center;
justify-content: space-between;
}
.pack-warranty .price {
display: flex;
align-items: center;
gap: 10px; /* Spazio tra prezzo vecchio e nuovo */
}
.pack-warranty .old-price {
text-decoration: line-through;
color: red;
font-size: 16px;
}
.pack-warranty .new-price {
color: green;
font-size: 18px;
font-weight: bold;
}
.pack-warranty .add-button {
background-color: #05B800;
color: white;
cursor: pointer;
padding: 7px 14px; /* Aggiungi un po' di padding intorno al testo */
text-transform: uppercase;
border: none;
border-radius: 4px;
font-weight: bold;
font-size: 80%;
width: auto; /* Imposta la larghezza automaticamente in base al contenuto */
white-space: nowrap; /* Impedisce al testo di andare a capo */
}
select {
-webkit-appearance: none; /* Rimuove lo stile predefinito nei browser WebKit */
-moz-appearance: none; /* Rimuove lo stile predefinito nei browser Mozilla */
appearance: none; /* Rimuove lo stile predefinito per i browser moderni */
background-color: white; /* Sfondo bianco */
border: 2px solid #000; /* Bordo nero */
padding: 12px 20px; /* Spaziatura interna */
font-size: 19px; /* Dimensione del testo */
border-radius: 4px; /* Angoli arrotondati */
cursor: pointer; /* Cambia il cursore a indicare che è cliccabile */
color: #232F3E; /* Colore del testo */
}
select option[value=""][disabled] {
color: gray; /* Sostituisci con il codice colore grigio che preferisci */
}
/* Nascondere la freccia predefinita in Windows */
select::-ms-expand {
display: none;
}
/* Rende l'icona del calendario in WebKit trasparente */
select::-webkit-calendar-picker-indicator {
opacity: 0;
}
/* Media query per dispositivi mobili, se necessario */
@media (max-width: 600px) {
select {
padding: 8px 15px; /* Padding più piccolo per schermi più piccoli */
font-size: 19px; /* Dimensione del testo ridotta */
}
}
@media (max-width: 600px) {
.form-container {
max-width: 100%;
}
.phone-prefix {
width: 60px;
}
.half-row > div {
width: 100%;
margin-bottom: 10px;
}
select {
padding: 8px 15px; /* Padding più piccolo per schermi più piccoli */
font-size: 19px; /* Dimensione del testo ridotta */
}
.select-container select {
padding: 8px 15px; /* Padding più piccolo per schermi più piccoli */
padding-right: 25px; /* Spazio per l'icona su schermi piccoli */
font-size: 19px; /* Dimensione del testo ridotta */
}
}
.button-pulse .subtext {
display: block;
color: white;
font-size: 14px; /* Regola la dimensione del font secondo necessità */
font-weight: normal;
margin-top: 5px; /* Aggiungi spazio sopra il sottotitolo */
}
.best-seller-icon {
position: absolute;
top: -12px; /* Regola queste due proprietà per posizionare l'icona esattamente dove vuoi */
left: 10px;
background-color: #FF9900; /* Colore dell'oro per lo sfondo */
color: black; /* Colore del testo */
padding: 5px;
color: white;
font-size: 14px;
border-radius: 5px;
box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3); /* Ombra opzionale */
}
.best-seller-icon2 {
position: absolute;
top: -12px; /* Regola queste due proprietà per posizionare l'icona esattamente dove vuoi */
left: 10px;
background-color: #05B800; /* Colore dell'oro per lo sfondo */
color: black; /* Colore del testo */
padding: 5px;
color: white;
font-size: 14px;
border-radius: 5px;
box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3); /* Ombra opzionale */
}
</style>
</head>
<body>
<div class="form-container">
<form action="/big-form/back-corrector/submit.php" method="post">
<div class="row">
<div>
<label for="nombre">Nombre *</label>
<input type="text" id="nombre" name="nombre" placeholder="Ej. Juan" required>
</div>
<div style="width: 4%;"></div>
<div>
<label for="cognome">Apellido *</label>
<input type="text" id="cognome" name="cognome" placeholder="Ej. Pérez" required>
</div>
</div>
<label for="phone">Número de Teléfono *</label>
<div class="phone-container">
<span class="phone-prefix">+52</span>
<input type="tel" id="phone" name="phone" pattern="[0-9]{10}" title="Ingrese un número de teléfono de 10 dígitos" placeholder="Ej. 5851021331" class="phone-input" required>
</div>
<label for="address">Dirección y Barrio *</label>
<input type="text" id="address" name="address" placeholder="Ej. Av. Resplandor 216, Las Nubes" required>
<div class="row-full">
<label for="departamento">Estado *</label>
<select id="departamento" name="departamento" required>
<option value="" disabled selected>Haz clic para seleccionar ▿</option>
<option value="aguascalientes">Aguascalientes</option>
<option value="campeche">Campeche</option>
<option value="chiapas">Chiapas</option>
<option value="chihuahua">Chihuahua</option>
<option value="ciudad_de_mexico">Ciudad de México</option>
<option value="coahuila">Coahuila</option>
<option value="colima">Colima</option>
<option value="durango">Durango</option>
<option value="estado_de_mexico">Estado de México</option>
<option value="guanajuato">Guanajuato</option>
<option value="guerrero">Guerrero</option>
<option value="hidalgo">Hidalgo</option>
<option value="jalisco">Jalisco</option>
<option value="michoacan">Michoacán</option>
<option value="morelos">Morelos</option>
<option value="nayarit">Nayarit</option>
<option value="nuevo_leon">Nuevo León</option>
<option value="oaxaca">Oaxaca</option>
<option value="puebla">Puebla</option>
<option value="queretaro">Querétaro</option>
<option value="quintana_roo">Quintana Roo</option>
<option value="san_luis_potosi">San Luis Potosí</option>
<option value="sinaloa">Sinaloa</option>
<option value="sonora">Sonora</option>
<option value="tabasco">Tabasco</option>
<option value="tamaulipas">Tamaulipas</option>
<option value="tlaxcala">Tlaxcala</option>
<option value="veracruz">Veracruz</option>
<option value="yucatan">Yucatán</option>
<option value="zacatecas">Zacatecas</option>
</select>
</div>
<div class="row-full">
<label for="ciudad">Ciudad *</label>
<select id="ciudad" name="ciudad" required>
<option value="" disabled selected>Haz clic para seleccionar ▿</option>
<!-- Le opzioni di Ciudad saranno aggiunte dinamicamente -->
</select>
</div>
<div class="row-full">
<div>
<label for="postal">Código Postal *</label>
<input type="text" id="postal" name="postal" placeholder="Ej. 97259" required>
</div>
</div>
<label for="offers">Selecciona la oferta:</label>
<div class="offers-container" id="offers">
<!-- Aggiungo l'evento onclick per cambiare lo sfondo quando selezionato -->
<div class="offer selected" onclick="selectOffer(this, 'offer1')">
<input type="radio" id="offer1" name="offer" value="offer1" required checked>
<label for="offer1" style="display: flex; align-items: center;">
<img src="/big-form/back-corrector/pics/1.png" alt="Oferta 1">
<div>
1x SmartPosture <span class="offer-price-value">585$</span>
<span class="offer-discount-value">Descuento 50%</span>
</div>
</label>
</div>
<div class="offer" onclick="selectOffer(this, 'offer2')">
<span class="best-seller-icon">MÁS VENDIDO</span>
<input type="radio" id="offer2" name="offer" value="offer2" required>
<label for="offer2" style="display: flex; align-items: center;">
<img src="/big-form/back-corrector/pics/2.png" alt="Oferta 2">
<div>
2x SmartPosture <span class="offer-price-value">885$</span>
<span class="offer-discount-value">Descuento 65%</span>
</div>
</label>
</div>
<div class="offer" onclick="selectOffer(this, 'offer3')">
<span class="best-seller-icon2">MÁS CONVENIENTE</span>
<input type="radio" id="offer3" name="offer" value="offer3" required>
<label for="offer3" style="display: flex; align-items: center;">
<img src="/big-form/back-corrector/pics/3.png" alt="Oferta 3">
<div>
3x SmartPosture <span class="offer-price-value">1085$</span>
<span class="offer-discount-value">Descuento 75%</span>
</div>
</label>
</div>
</div>
<div class="pack-warranty">
<img src="/fullcodes-form/foot-massager/pics/shield.png" alt="Pack Warranty Icon">
<div class="content">
<div class="title">Seguro de paquete</div>
<div class="description">
Si el producto en la confección está dañado, lo reenviaremos sin dudarlo.
</div>
<div class="price-container">
<div class="price">
<span class="old-price">100$</span>
<span class="new-price">45$</span>
</div>
<input type="hidden" id="warranty" name="warranty" value="no">
<button type="button" class="add-button" onclick="toggleWarrantySelection(this)">Añadir</button>
</div>
</div>
</div>
<button type="submit" class="button-pulse">
<i class="fas fa-shopping-cart"></i>ORDENAR
<br>
<span class="subtext">Pago contra entrega</span>
</button>
</form>
</div>
<script>
function selectOffer(element, offerId) {
// Rimuovi la classe 'selected' da tutte le offerte
var offers = document.getElementsByClassName('offer');
for (var i = 0; i < offers.length; i++) {
offers[i].classList.remove('selected');
}
// Aggiungi la classe 'selected' all'offerta cliccata
element.classList.add('selected');
// Seleziona l'input radio corrispondente
document.getElementById(offerId).checked = true;
}
</script>
<script>
function toggleWarrantySelection(button) {
var warrantyInput = document.getElementById('warranty');
if (warrantyInput.value === 'no') {
warrantyInput.value = 'yes';
button.innerHTML = '✔ añadido'; // Testo aggiornato per indicare che la garanzia è stata aggiunta
} else {
warrantyInput.value = 'no';
button.innerHTML = 'Añadir'; // Testo originale
}
}
</script>
<script>
// Dati delle città per ogni departamento
const departamentoCiudades = {
"ciudad_de_mexico": ["Alvaro Obregon", "La Magdalena Contreras", "Miguel Hidalgo", "Milpa Alta", "Tlahuac", "Tlalpan", "Venustiano Carranza", "Xochimilco", "Azcapotzalco", "Benito Juarez", "Coyoacan", "Cuajimalpa de Morelos", "Cuauhtemoc", "Gustavo A. Madero", "Iztacalco", "Iztapalapa", "Cuajimalpa de Morelos"],
"aguascalientes": ["Aguascalientes", "San Francisco de los Romo", "El Llano", "Rincon de Romos", "Cosio", "San Jose de Gracia", "Tepezala", "Pabellon de Arteaga", "Asientos", "Calvillo", "Jesus Maria"],
"campeche": ["Campeche", "Champoton", "Seybaplaya", "Tenabo", "Hecelchakan", "Calkini"],
"coahuila_de_zaragoza": ["Saltillo", "Arteaga", "Juarez", "Progreso", "Escobedo", "San Buenaventura", "Abasolo", "Candela", "Frontera", "Monclova", "Castanos", "Ramos Arizpe", "General Cepeda", "Piedras Negras", "Nava", "Acuna", "Muzquiz", "Jimenez", "Zaragoza", "Morelos", "Allende", "Guerrero", "Hidalgo", "Sabinas", "San Juan de Sabinas", "Torreon", "Matamoros", "Viesca", "Ocampo", "Nadadores", "Sierra Mojada", "Cuatro Cienegas", "Lamadrid", "Sacramento", "San Pedro", "Francisco I. Madero"],
"colima": ["Colima", "Tecoman", "Manzanillo", "Armeria", "Coquimatlan", "Comala", "Cuauhtemoc", "Ixtlahuacan", "Minatitlan", "Villa de Alvarez"],
"chihuahua": ["Chihuahua", "Juarez"],
"durango": ["Gomez Palacio", "Lerdo"],
"guanajuato": ["Guanajuato", "Silao de la Victoria", "Romita", "San Francisco del Rincon", "Purisima del Rincon", "Manuel Doblado", "Irapuato", "Salamanca", "Pueblo Nuevo", "Penjamo", "Cueramaro", "Abasolo", "Huanimaro", "Leon", "San Felipe", "Ocampo", "San Miguel de Allende", "Dolores Hidalgo Cuna de la Independencia Nacional", "San Diego de la Union", "San Luis de la Paz", "Doctor Mora", "Tierra Blanca", "San Jose Iturbide", "Celaya", "Apaseo el Grande", "Comonfort", "Santa Cruz de Juventino Rosas", "Villagran", "Cortazar", "Valle de Santiago", "Jaral del Progreso", "Apaseo el Alto", "Acambaro", "Tarimoro", "Moroleon", "Salvatierra", "Yuriria", "Santiago Maravatio", "Uriangato"],
"guerrero": ["Chilpancingo de los Bravo", "Leonardo Bravo", "Tixtla de Guerrero", "Ayutla de los Libres", "Nuu Savi", "Mochitlan", "Quechultenango", "Tecoanapa", "Acapulco de Juarez", "Juan R. Escudero", "San Marcos", "Las Vigas", "Iguala de la Independencia", "Eduardo Neri", "Taxco de Alarcon", "Buenavista de Cuellar", "Tetipac", "Pilcaya", "Teloloapan", "Arcelia", "Tlapehuala", "Pungarabato", "Tlalchapa", "Coyuca de Catalan", "Zirandaro", "La Union de Isidoro Montes de Oca", "Petatlan", "Coahuayutla de Jose Maria Izazaga", "Zihuatanejo de Azueta", "Tecpan de Galeana", "Atoyac de Alvarez", "Benito Juarez", "Coyuca de Benitez", "Atenango del Rio", "Copalillo", "Cualac", "Chilapa de Alvarez", "Jose Joaquin de Herrera", "Ahuacuotzingo", "Zitlala", "Martir de Cuilapan", "Huamuxtitlan", "Xochihuehuetlan", "Alpoyeca", "Xalpatlahuac", "Atlixtac", "Iliatenco", "San Luis Acatlan", "Metlatonoc", "Ometepec", "Tlacoachistlahuaca", "Xochistlahuaca", "Florencio Villarreal", "Cuautepec", "Copala", "Azoyu", "Juchitan", "Marquelia", "Cuajinicuilapa", "San Nicolas", "Igualapa"],
"hidalgo": ["Pachuca de Soto", "Mineral del Chico", "Mineral del Monte", "Ajacuba", "San Agustin Tlaxiaca", "Mineral de la Reforma", "Zapotlan de Juarez", "Jacala de Ledezma", "Pisaflores", "Pacula", "La Mision", "Chapulhuacan", "Ixmiquilpan", "Nicolas Flores", "Cardonal", "Tasquillo", "Alfajayucan", "Huichapan", "Tecozautla", "Nopala de Villagran", "Actopan", "Santiago de Anaya", "San Salvador", "Francisco I. Madero", "El Arenal", "Mixquiahuala de Juarez", "Progreso de Obregon", "Chilcuautla", "Tezontepec de Aldama", "Tlahuelilpan", "Tula de Allende", "Tepeji del Rio de Ocampo", "Chapantongo", "Tepetitlan", "Tetepango", "Tlaxcoapan", "Atitalaquia", "Atotonilco de Tula", "Huejutla de Reyes", "San Felipe Orizatlan", "Jaltocan", "Huazalingo", "Yahualica", "Xochiatipan", "Molango de Escamilla", "Tepehuacan de Guerrero", "Lolotla", "Tlanchinol", "Tlahuiltepa", "Juarez Hidalgo", "Zacualtipan de Angeles", "Calnali", "Xochicoatlan", "Tianguistengo", "Atotonilco el Grande", "Eloxochitlan", "Metztitlan", "San Agustin Metzquititlan", "Metepec", "Huehuetla", "San Bartolo Tutotepec", "Agua Blanca de Iturbide", "Tenango de Doria", "Huasca de Ocampo", "Acatlan", "Omitlan de Juarez", "Epazoyucan", "Tulancingo de Bravo", "Acaxochitlan", "Cuautepec de Hinojosa", "Santiago Tulantepec de Lugo Guerrero", "Singuilucan", "Tizayuca", "Zempoala", "Tolcayuca", "Villa de Tezontepec", "Apan", "Tlanalapa", "Almoloya", "Emiliano Zapata", "Tepeapulco"],
"jalisco": ["Guadalajara", "Zapopan", "Ixtlahuacan del Rio", "Tala", "El Arenal", "Amatitan", "Tonala", "Zapotlanejo", "Cuquio", "San Pedro Tlaquepaque", "Tlajomulco de Zuniga", "El Salto", "Acatlan de Juarez", "Villa Corona", "Zacoalco de Torres", "Jocotepec", "Ixtlahuacan de los Membrillos", "Juanacatlan", "Chapala", "Poncitlan", "Zapotlan del Rey", "Huejuquilla el Alto", "Mezquitic", "Villa Guerrero", "Bolanos", "Totatiche", "Colotlan", "Santa Maria de los Angeles", "Huejucar", "Tequila", "Hostotipaquillo", "Magdalena", "Etzatlan", "San Marcos", "San Juanito de Escobedo", "Ameca", "Ahualulco de Mercado", "Teuchitlan", "San Martin Hidalgo", "Mixtlan", "Mascota", "San Juan de los Lagos", "Jalostotitlan", "San Miguel el Alto", "Arandas", "San Ignacio Cerro Gordo", "Teocaltiche", "Villa Hidalgo", "Encarnacion de Diaz", "Lagos de Moreno", "Ojuelos de Jalisco", "Tepatitlan de Morelos", "Tototlan", "Atotonilco el Alto", "Ocotlan", "Jamay", "La Barca", "Jesus Maria", "Talpa de Allende", "Puerto Vallarta", "Cabo Corrientes", "Tomatlan", "Cocula", "Juchitlan", "Chiquilistlan", "Ejutla", "Tuxcacuesco", "Villa Purificacion", "La Huerta", "Casimiro Castillo", "Cihuatlan", "Zapotlan el Grande", "Gomez Farias", "Concepcion de Buenos Aires", "Teocuitatlan de Corona", "Sayula", "Tapalpa", "Tizapan el Alto", "Tuxcueca", "La Manzanilla de la Paz", "Mazamitla", "Valle de Juarez", "Quitupan", "Zapotiltic", "Tuxpan", "Tonila", "Pihuamo", "Tecalitlan", "Santa Maria del Oro"],
"estado_de_mexico": ["Toluca", "Acambay de Ruiz Castaneda", "Temascalcingo", "Atlacomulco", "Timilpan", "Morelos", "El Oro", "Jocotitlan", "Ixtlahuaca", "Jiquipilco", "Temoaya", "Almoloya de Juarez", "Atizapan de Zaragoza", "Donato Guerra", "Ixtapan del Oro", "Santo Tomas", "Otzoloapan", "Zacazonapan", "Valle de Bravo", "Amanalco", "Temascaltepec", "Zinacantepec", "Luvianos", "Tlatlaya", "Sultepec", "Coatepec Harinas", "Villa Guerrero", "Ixtapan de la Sal", "Tonatico", "Zumpahuacan", "Lerma", "Xonacatlan", "Otzolotepec", "San Mateo Atenco", "Metepec", "Mexicaltzingo", "Calimaya", "Chapultepec", "San Antonio la Isla", "Tenango del Valle", "Rayon", "Tenancingo", "Malinalco", "Ocuilan", "Atizapan", "Almoloya del Rio", "Texcalyacac", "Tianguistenco", "Xalatlaco", "Capulhuac", "Ocoyoacac", "Huixquilucan", "Naucalpan de Juarez", "Tlalnepantla de Baz", "Polotitlan", "Jilotepec", "Soyaniquilpan de Juarez", "Villa del Carbon", "Chapa de Mota", "Nicolas Romero", "Isidro Fabela", "Jilotzingo", "Tepotzotlan", "Coyotepec", "Huehuetoca", "Cuautitlan Izcalli", "Teoloyucan", "Cuautitlan", "Melchor Ocampo", "Tultitlan", "Tultepec", "Ecatepec de Morelos", "Zumpango", "Tequixquiac", "Apaxco", "Hueypoxtla", "Coacalco de Berriozabal", "Tecamac", "Jaltenco", "Tonanitla", "Nextlalpan", "Teotihuacan", "San Martin de las Piramides", "Acolman", "Otumba", "Axapusco", "Nopaltepec", "Temascalapa", "Tezoyuca", "Chiautla", "Papalotla", "Tepetlaoxtoc", "Texcoco", "Chiconcuac", "Atenco", "Chimalhuacan", "Chicoloapan", "La Paz", "Ixtapaluca", "Chalco", "Valle de Chalco Solidaridad", "Temamatla", "Cocotitlan", "Tlalmanalco", "Ayapango", "Tenango del Aire", "Ozumba", "Juchitepec", "Tepetlixpa", "Amecameca", "Atlautla", "Ecatzingo", "Nezahualcoyotl", "Tultepec", "Coacalco", "Tultitlan", "Ecatepec de Morelos"],
"michoacan_de_ocampo": ["Morelia", "Huaniqueo", "Coeneo", "Quiroga", "Tzintzuntzan", "Lagunillas", "Acuitzio", "Madero", "Puruandiro", "Jose Sixto Verduzco", "Angamacutiro", "Panindicuaro", "Zacapu", "Tlazazalca", "Purepero", "Jimenez", "Morelos", "Huandacareo", "Cuitzeo", "Chucandiro", "Copandaro", "Tarimbaro", "Santa Ana Maya", "Alvaro Obregon", "Zinapecuaro", "Indaparapeo", "Querendaro", "Sahuayo", "Cojumatlan de Regules", "Venustiano Carranza", "Pajacuaran", "Vista Hermosa", "Tanhuato", "Yurecuaro", "Ixtlan", "La Piedad", "Numaran", "Churintzio", "Zinaparo", "Jiquilpan", "Villamar", "Chavinda", "Zamora", "Ecuandureo", "Tangancicuaro", "Chilchota", "Jacona", "Tangamandapio", "Tocumbo", "Tinguindin", "Uruapan", "Charapan", "Paracho", "Cheran", "Nahuatzen", "Tingambato", "Los Reyes", "Nuevo Parangaricutiro", "Buenavista", "Tepalcatepec", "Apatzingan", "Paracuaro", "Coahuayana", "Chinicuila", "Coalcoman de Vazquez Pallares", "Aquila", "Tumbiscatio", "Lazaro Cardenas", "Epitacio Huerta", "Contepec", "Hidalgo", "Maravatio", "Irimbo", "Senguio", "Charo", "Tzitzio", "Tiquicheo de Nicolas Romero", "Aporo", "Angangueo", "Tuxpan", "Ocampo", "Jungapeo", "Zitacuaro", "Tuzantla", "Juarez", "Susupuato", "Patzcuaro", "Erongaricuaro", "Huiramba", "Tacambaro", "Turicato", "Ziracuaretiro", "Gabriel Zamora", "Nuevo Urecho", "Salvador Escalante", "Ario", "La Huacana", "Nocupetaro", "Caracuaro", "Huetamo", "San Lucas"],
"morelos": ["Cuernavaca", "Huitzilac", "Tepoztlan", "Tlalnepantla", "Tlayacapan", "Jiutepec", "Temixco", "Miacatlan", "Coatetelco", "Coatlan del Rio", "Tetecala", "Mazatepec", "Amacuzac", "Puente de Ixtla", "Xoxocotla", "Ayala", "Yautepec", "Cuautla", "Emiliano Zapata", "Tlaltizapan de Zapata", "Zacatepec", "Xochitepec", "Tetela del Volcan", "Hueyapan", "Yecapixtla", "Totolapan", "Atlatlahucan", "Ocuituco", "Temoac", "Zacualpan de Amilpas", "Jojutla", "Tepalcingo", "Jonacatepec de Leandro Valle", "Axochiapan", "Jantetelco", "Tlaquiltenango"],
"nayarit": ["Tepic", "Tuxpan", "Santiago Ixcuintla", "Acaponeta", "Tecuala", "Huajicori", "Del Nayar", "La Yesca", "Ruiz", "Rosamorada", "Compostela", "Bahia de Banderas", "San Blas", "Xalisco", "San Pedro Lagunillas", "Santa Maria del Oro", "Jala", "Ahuacatlan", "Ixtlan del Rio", "Amatlan de Canas"],
"nuevo_leon": ["Monterrey", "Mina", "Sabinas Hidalgo", "Paras", "Cienega de Flores", "Hidalgo", "Abasolo", "Higueras", "General Zuazua", "Melchor Ocampo", "Garcia", "General Escobedo", "Santa Catarina", "San Pedro Garza Garcia", "San Nicolas de los Garza", "El Carmen", "Apodaca", "Pesqueria", "Doctor Gonzalez", "Los Ramones", "Doctor Coss", "General Bravo", "Guadalupe", "Juarez", "Santiago", "General Teran", "Cadereyta Jimenez", "Montemorelos", "Rayones", "Linares", "Iturbide", "Galeana", "Hualahuises", "Doctor Arroyo"],
"oaxaca": ["Oaxaca de Juarez", "Villa de Etla", "San Francisco Telixtlahuaca", "San Pablo Huitzo", "San Pablo Etla", "San Jacinto Amilpas", "San Francisco Lachigolo", "San Pablo Villa de Mitla", "Zimatlan de Alvarez", "Santa Cruz Xoxocotlan", "Santa Lucia del Camino", "San Agustin de las Juntas", "San Pablo Huixtepec", "Animas Trujano", "San Bartolo Coyotepec", "Villa de Zaachila", "Cuilapam de Guerrero", "Ocotlan de Morelos"],
"puebla": ["Puebla", "Tlaltenango", "San Miguel Xoxtla", "Juan C. Bonilla", "Coronango", "Cuautlancingo", "San Pedro Cholula", "San Andres Cholula", "Ocoyucan", "Amozoc", "Francisco Z. Mena", "Pantepec", "Venustiano Carranza", "Jalpan", "Tlaxco", "Tlacuilotepec", "Xicotepec", "Pahuatlan", "Honey", "Naupan", "Ahuazotepec", "Juan Galindo", "Tlaola", "Zihuateutla", "Jopala", "Tlapacoya", "Chignahuapan", "Zacatlan", "Chiconcuautla", "Ahuacatlan", "Tepetzintla", "San Felipe Tepatlan", "Amixtlan", "Hermenegildo Galeana", "Olintla", "Coatepec", "Camocuautla", "Hueytlalpan", "Zapotitlan de Mendez", "Huitzilan de Serdan", "Xochitlan de Vicente Suarez", "Huehuetla", "Ixtepec", "Atlequizayan", "Tenampulco", "Tuzamapan de Galeana", "Caxhuacan", "Jonotla", "Zoquiapan", "Nauzontla", "Cuetzalan del Progreso", "Ayotoxco de Guerrero", "Hueytamalco", "Acateno", "Cuautempan", "Aquixtla", "Tetela de Ocampo", "Xochiapulco", "Zacapoaxtla", "Zaragoza", "Ixtacamaxtitlan", "Zautla", "Ocotepec", "Libres", "Teziutlan", "Tlatlauquitepec", "Yaonahuac", "Hueyapan", "Teteles de Avila Castillo", "Atempan", "Chignautla", "Xiutetelco", "Cuyoaco", "Tepeyahualco", "San Martin Texmelucan", "Tlahuapan", "San Matias Tlalancaleca", "San Salvador El Verde", "San Felipe Teotlalcingo", "Chiautzingo", "Huejotzingo", "Domingo Arenas", "Calpan", "San Nicolas de los Ranchos", "Atlixco", "Nealtican", "San Jeronimo Tecuanipan", "San Gregorio Atzompa", "Tochimilco", "Tianguismanalco", "Santa Isabel Cholula", "Huaquechula", "San Diego la Mesa Tochimiltzingo", "Tepeojuma", "Izucar de Matamoros", "Atzitzihuacan", "Acteopan", "Cohuecan", "Tepemaxalco", "Tlapanala", "Tepexco", "Tilapa", "Atzala", "Teopantlan", "Xochiltepec", "Epatlan", "Ahuatlan", "Tepexi de Rodriguez", "Cohetzala", "Ixcamilpa de Guerrero", "Axutla", "Ahuehuetitla", "Guadalupe", "Ixcaquixtla", "Coyotepec", "San Pedro Yeloixtlahuaca", "Guadalupe Victoria", "Lafragua", "Quimixtlan", "Chichiquila", "Acajete", "Soltepec", "Acatzingo", "Tepeaca", "Cuautinchan", "Tecali de Herrera", "Mixtla", "Huatlatlauca", "Cuapiaxtla de Madero", "Quecholac", "Tecamachalco", "Palmar de Bravo", "Chalchicomula de Sesma", "Atzitzintla", "Esperanza", "Canada Morelos", "Tlanepantla", "Tochtepec", "Atoyatempan", "Xochitlan Todos Santos", "Yehualtepec", "Tlacotepec de Benito Juarez", "Juan N. Mendez", "Tehuacan", "Tepanco de Lopez", "Chapulco", "Santiago Miahuatlan", "Nicolas Bravo", "Atexcal", "San Antonio Canada", "Zapotitlan", "San Gabriel Chilac", "Caltepec", "Vicente Guerrero", "Ajalpan", "Eloxochitlan", "Zoquitlan", "San Sebastian Tlacotepec", "Altepexi", "Zinacatepec", "San Jose Miahuatlan", "Coxcatlan", "Coyomeapan"],
"queretaro": ["Queretaro", "El Marques", "Colon", "Cadereyta de Montes", "San Joaquin", "Toliman", "Ezequiel Montes", "Pedro Escobedo", "Tequisquiapan", "San Juan del Rio", "Amealco de Bonfil", "Corregidora", "Huimilpan"],
"quintana_roo": ["Isla Mujeres", "Benito Juarez"],
"san_luis_potosi": ["San Luis Potosi", "Soledad de Graciano Sanchez", "Cerro de San Pedro", "Mexquitic de Carmona", "Vanegas", "Cedral", "Catorce", "Charcas", "Santo Domingo", "Villa de Ramos", "Matehuala", "Villa de Guadalupe", "Guadalcazar", "Moctezuma", "Venado", "Villa de Arista", "Villa Hidalgo", "Ciudad Valles", "Ebano", "Tamuin", "El Naranjo", "Ciudad del Maiz", "Alaquines", "Villa de Reyes", "Zaragoza", "Santa Maria del Rio", "Tierra Nueva", "Rioverde", "Ciudad Fernandez", "San Ciro de Acosta", "Tamasopo", "Aquismon", "Lagunillas", "Santa Catarina", "Tancanhuitz", "Tanlajas", "San Vicente Tancuayalab", "Tanquian de Escobedo", "Tampamolon Corona", "Coxcatlan", "Huehuetlan", "Xilitla", "Axtla de Terrazas", "Tampacan", "San Martin Chalchicuautla", "Tamazunchale", "Matlapa"],
"sinaloa": ["Culiacan", "Mazatlan"],
"tabasco": ["Centro", "Jalpa de Mendez", "Nacajuca", "Comalcalco", "Huimanguillo", "Cardenas", "Paraiso", "Cunduacan", "Macuspana", "Centla", "Jonuta", "Teapa", "Jalapa", "Tacotalpa", "Balancan", "Emiliano Zapata"],
"tamaulipas": ["Victoria", "Tampico"],
"tlaxcala": ["Tlaxcala", "Ixtacuixtla de Mariano Matamoros", "Santa Ana Nopalucan", "Panotla", "Totolac", "Tepeyanco", "Santa Isabel Xiloxoxtla", "San Juan Huactzinco", "Calpulalpan", "Sanctorum de Lazaro Cardenas", "Benito Juarez", "Hueyotlipan", "Tlaxco", "Nanacamilpa de Mariano Arista", "Espanita", "Apizaco", "Atlangatepec", "Munoz de Domingo Arenas", "Tetla de la Solidaridad", "Xaltocan", "San Lucas Tecopilco", "Yauhquemehcan", "Xaloztoc", "Tocatlan", "Tzompantepec", "San Jose Teacalco", "Huamantla", "Terrenate", "Lazaro Cardenas", "Emiliano Zapata", "Atltzayanca", "Cuapiaxtla", "Ixtenco", "Ziltlaltepec de Trinidad Sanchez Santos", "Apetatitlan de Antonio Carvajal", "Amaxac de Guerrero", "Santa Cruz Tlaxcala", "Cuaxomulco", "Contla de Juan Cuamatzi", "Tepetitla de Lardizabal", "Nativitas", "Santa Apolonia Teacalco", "Tetlatlahuca", "San Damian Texoloc", "San Jeronimo Zacualpan", "Zacatelco", "San Lorenzo Axocomanitla", "Santa Catarina Ayometla", "Xicohtzinco", "Papalotla de Xicohtencatl", "Chiautempan", "La Magdalena Tlaltelulco", "San Francisco Tetlanohcan", "Teolocholco", "Acuamanala de Miguel Hidalgo", "Santa Cruz Quilehtla", "Mazatecochco de Jose Maria Morelos", "San Pablo del Monte"],
"veracruz": ["Xalapa", "Tlalnelhuayocan", "Xico", "Ixhuacan de los Reyes", "Ayahualulco", "Perote", "Banderilla", "Rafael Lucio", "Acajete", "Las Vigas de Ramirez", "Villa Aldama", "Tlacolulan", "Tonayan", "Coacoatzintla", "Jilotepec", "Naolinco", "Miahuatlan", "Acatlan", "Tepetlan", "Juchique de Ferrer", "Alto Lucero de Gutierrez Barrios", "Actopan", "Coatepec", "Teocelo", "Cosautlan de Carvajal", "Emiliano Zapata", "Apazapan", "Puente Nacional", "Ursulo Galvan", "Paso de Ovejas", "La Antigua", "Veracruz", "Panuco", "Pueblo Viejo", "Tampico Alto", "Tempoal", "Ozuluama de Mascarenas", "Tantoyuca", "Platon Sanchez", "Chiconamel", "Chalma", "Citlaltepetl", "Ixcatepec", "El Higo", "Tantima", "Tamalin", "Cerro Azul", "Tepetzintla", "Tancoco", "Tamiahua", "Huayacocotla", "Ilamatlan", "Zontecomatlan de Lopez y Fuentes", "Texcatepec", "Zacualpan", "Benito Juarez", "Tlachichilco", "Ixhuatlan de Madero", "Chicontepec", "Alamo Temapache", "Tuxpan", "Tihuatlan", "Castillo de Teayo", "Cazones de Herrera", "Zozocolco de Hidalgo", "Coxquihui", "Mecatlan", "Filomeno Mata", "Coahuitlan", "Coyutla", "Coatzintla", "Espinal", "Poza Rica de Hidalgo", "Papantla", "Gutierrez Zamora", "Tecolutla", "Martinez de la Torre", "San Rafael", "Tlapacoyan", "Jalacingo", "Atzalan", "Altotonga", "Las Minas", "Tatatila", "Tenochtitlan", "Nautla", "Misantla", "Chiconquiaco", "Yecuatla", "Colipa", "Vega de Alatorre", "Jalcomulco", "Tlaltetela", "Tenampa", "Totutla", "Sochiapa", "Tlacotepec de Mejia", "Huatusco", "Calcahualco", "Alpatlahuac", "Coscomatepec", "La Perla", "Chocaman", "Tomatlan", "Ixhuatlan del Cafe", "Tepatlaxco", "Comapa", "Zentla", "Camaron de Tejeda", "Soledad de Doblado", "Manlio Fabio Altamirano", "Jamapa", "Medellin de Bravo", "Boca del Rio", "Orizaba", "Rafael Delgado", "Mariano Escobedo", "Ixhuatlancillo", "Atzacan", "Ixtaczoquitlan", "Fortin", "Cordoba", "Maltrata", "Nogales", "Rio Blanco", "Camerino Z. Mendoza", "Aquila", "Acultzingo", "Soledad Atzompa", "Huiloapan de Cuauhtemoc", "Tlaquilpa", "Astacinga", "Xoxocotla", "Atlahuilco", "Tequila", "San Andres Tenejapan", "Tlilapan", "Magdalena", "Naranjal", "Coetzala", "Omealca", "Cuitlahuac", "Cuichapa", "Yanga", "Amatlan de los Reyes", "Atoyac", "Paso del Macho", "Carrillo Puerto", "Cotaxtla", "Zongolica", "Tehuipango", "Mixtla de Altamirano", "Los Reyes", "Texhuacan", "Tezonapa", "Tierra Blanca", "Tlalixcoyan", "Ignacio de la Llave", "Alvarado", "Lerdo de Tejada", "Tres Valles", "Carlos A. Carrillo", "Cosamaloapan de Carpio", "Amatitlan", "Tlacotalpan", "Saltabarranca", "Otatitlan", "Tlacojalpan", "Tuxtilla", "Chacaltianguis", "Jose Azueta", "Playa Vicente", "Santiago Sochiapan", "Isla", "Juan Rodriguez Clara", "San Andres Tuxtla", "Santiago Tuxtla", "Angel R. Cabada", "Hueyapan de Ocampo", "Catemaco", "Soteapan", "Mecayapan", "Tatahuicapan de Juarez", "Pajapan", "Chinameca", "Acayucan", "San Juan Evangelista", "Sayula de Aleman", "Oluta", "Soconusco", "Texistepec", "Jaltipan", "Zaragoza", "Oteapan", "Cosoleacaque", "Nanchital de Lazaro Cardenas del Rio", "Ixhuatlan del Sureste", "Moloacan", "Coatzacoalcos", "Agua Dulce", "Minatitlan", "Hidalgotitlan", "Jesus Carranza", "Las Choapas", "Uxpanapa"],
"yucatan": ["Merida", "Kanasin"],
"zacatecas": ["Zacatecas", "Morelos", "Vetagrande", "Concepcion del Oro", "Melchor Ocampo", "Mazapil", "El Salvador", "Juan Aldama", "Miguel Auza", "General Francisco R. Murguia", "Rio Grande", "Villa de Cos", "Canitas de Felipe Pescador", "Calera", "Panuco", "General Enrique Estrada", "Guadalupe", "Trancoso", "Genaro Codina", "Cuauhtemoc", "Ojocaliente", "General Panfilo Natera", "Luis Moya", "Loreto", "Villa Gonzalez Ortega", "Noria de Angeles", "Villa Garcia", "Pinos", "Villa Hidalgo", "Fresnillo", "Sombrerete", "Sain Alto", "Valparaiso", "Chalchihuites", "Jimenez del Teul", "Monte Escobedo", "Jerez", "Susticacan", "Villanueva", "Tepetongo", "El Plateado de Joaquin Amaro", "Jalpa", "Tabasco", "Huanusco", "Tlaltenango de Sanchez Roman", "Momax", "Atolinga", "Tepechitlan", "Benito Juarez", "Teul de Gonzalez Ortega", "Trinidad Garcia de la Cadena", "Mezquital del Oro", "Nochistlan de Mejia", "Apulco", "Apozol", "Juchipila", "Moyahua de Estrada"]
// Aggiungi qui le altre corrispondenze...
};
// Funzione per aggiornare le opzioni di ciudad in base al departamento selezionato
function updateCiudadOptions() {
const departamentoSelect = document.getElementById("departamento");
const ciudadSelect = document.getElementById("ciudad");
// Pulisci le opzioni esistenti in ciudad
ciudadSelect.innerHTML = "<option value='' disabled selected>Haz clic para seleccionar ▿</option>";
// Ottieni le città corrispondenti al departamento selezionato
const selectedDepartamento = departamentoSelect.value;
const ciudades = departamentoCiudades[selectedDepartamento];
// Aggiungi una nuova opzione per ogni ciudad
ciudades.forEach(ciudad => {
const option = document.createElement("option");
option.value = ciudad.replace(/\s+/g, '_').toLowerCase();
option.textContent = ciudad;
ciudadSelect.appendChild(option);
});
}
// Aggiungi un event listener al select di departamento
document.getElementById("departamento").addEventListener("change", updateCiudadOptions);
</script>
</body>
</html>Leave a Comment