Untitled

mail@pastecode.io avatar
unknown
plain_text
7 months ago
39 kB
1
Indexable
Never
<!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 {
      font-size: 25px;
      font-weight: bold;
      color: green; /* Prezzo e valuta in verde */
      text-decoration: underline;
    }
    .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: 3px dashed black; 
  background-color: #fff9c4;
  box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5); /* Aggiunta dell'ombra */
}

.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: 15px 16px; /* 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 */
}
.pack-shipping {
  display: flex;
  align-items: start; /* Allinea in alto */
  padding: 15px;
  margin-bottom: 20px;
  border: 3px dashed black; /* Bordo a trattini arancione */
  border-radius: 5px;
  background-color: #FFF9C4;
  box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5); /* Aggiunta dell'ombra */
}

.pack-shipping img {
  width: 40px;
  margin-right: 10px; /* Spazio tra l'icona e il contenuto */
}

.pack-shipping .content {
  flex-grow: 1;
}

.pack-shipping .title {
  font-weight: bold;
  margin-bottom: 5px;
}
.pack-shipping .description {
  font-size: 14px;
  margin-bottom: 10px; /* Spazio prima del blocco prezzo */
}

.pack-shipping .price-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.pack-shipping .price {
  display: flex;
  align-items: center;
  gap: 10px; /* Spazio tra prezzo vecchio e nuovo */
}

.pack-shipping .old-price {
  text-decoration: line-through;
  color: red;
  font-size: 16px;
}

.pack-shipping .new-price {
  color: green;
  font-size: 18px;
  font-weight: bold;
}

.pack-shipping .add-button {
  background-color: #05B800;
  color: white;
  cursor: pointer;
  padding: 15px 16px; /* 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 */
}
.whatsapp-icon {
  display: inline-block;
  background: url('/big-form/back-corrector/pics/whatsapp.png') no-repeat center center;
  width: 20px; /* Regola la grandezza */
  height: 20px; /* Regola la grandezza */
  background-size: contain;
  vertical-align: middle;
  margin-right: 0px;
}
.address-container {
  border: 2px dashed gold; /* Bordo a trattini oro */
  background-color: #FFF9C4; /* Sfondo di colore #FFF9C4 */
  padding: 10px; /* Spaziatura interna */
  margin-top: 5px; /* Margine superiore per distanziarlo dall'input */
  text-align: center; /* Centra il testo all'interno del contenitore */
}

.address-note {
  font-size: 14px; /* Regola la grandezza del testo */
  color: #232F3E;
}




  </style>
</head>
<body>
 
<div class="form-container">
  <form action="/shopify-form/gps-tracker/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"><span class="whatsapp-icon"></span> Movil / Whatsapp *</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 (Calle / No. Exterior / No. Interior / Entre Calles / Referencias) *</label>
    <input type="text" id="address" name="address" placeholder="Ej. Av. Resplandor 216, Las Nubes" required>
    <div class="address-container">
  <div class="address-note">EJEMPLO: Calle, AV, Andador, Cerrada, Fraccionamiento, etc. Número exterior, Número interior si se tiene.</div>
</div>


    <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="colima">Colima</option>
  <option value="coahuila_de_zaragoza">Coahuila de Zaragoza</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_de_ocampo">Michoacán de Ocampo</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="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">Municipio/Delegacion *</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="/shopify-form/gps-tracker/pics/1.jpg" alt="Oferta 1">
    <div>
      1x GPS Tracker <span class="offer-price-value">695$</span>
      <span class="offer-discount-value"><del>1390$</del> (-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="/shopify-form/gps-tracker/pics/2.jpg" alt="Oferta 2">
    <div>
      2x GPS Tracker <span class="offer-price-value">995$</span>
      <span class="offer-discount-value"><del>2780$</del> (-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="/shopify-form/gps-tracker/pics/3.jpg" alt="Oferta 3">
    <div>
      3x GPS Tracker <span class="offer-price-value">1295$</span>
      <span class="offer-discount-value"><del>4170$</del> (-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>

<div>
  <div class="pack-shipping">
  <img src="/big-form/back-corrector/pics/fast-delivery.png" alt="Shipping Icon">
  <div class="content">
    <div class="title">Envio Premium</div>
    <div class="description">
      Tendrás prioridad sobre todos los demás pedidos pendientes, recibirás el paquete en el menor tiempo posible.
    </div>
    <div class="price-container">
      <div class="price">
        <span class="old-price">60$</span>
        <span class="new-price">29$</span>
      </div>
      <input type="hidden" id="shipping" name="shipping" value="no">
      <button type="button" class="add-button" onclick="toggleShippingSelection(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 = '&#10004; añadido'; // Testo aggiornato per indicare che la garanzia è stata aggiunta
  } else {
    warrantyInput.value = 'no';
    button.innerHTML = 'Añadir'; // Testo originale
  }
}


</script>
<script>
 function toggleShippingSelection(button) {
  var shippingInput = document.getElementById('shipping');
  if (shippingInput.value === 'no') {
    shippingInput.value = 'yes';
    button.innerHTML = '&#10004; añadido'; // Testo aggiornato per indicare che la garanzia è stata aggiunta
  } else {
    shippingInput.value = 'no';
    button.innerHTML = 'Añadir'; // Testo originale
  }
}


</script>
<script>
// Dati delle città per ogni departamento
const departamentoCiudades = {
"ciudad_de_mexico": ["Alvaro Obregon", "Azcapotzalco", "Benito Juarez", "Coyoacan", "Cuajimalpa de Morelos", "Cuauhtemoc", "Gustavo A. Madero", "Iztacalco", "Iztapalapa", "La Magdalena Contreras", "Miguel Hidalgo", "Milpa Alta", "Tlahuac", "Tlalpan", "Venustiano Carranza", "Xochimilco"],
"aguascalientes": ["Aguascalientes", "Asientos", "Calvillo", "Cosio", "El Llano", "Jesus Maria", "Pabellon de Arteaga", "Rincon de Romos", "San Francisco de los Romo", "San Jose de Gracia", "Tepezala"],
"campeche": ["Calkini", "Campeche", "Champoton", "Hecelchakan", "Seybaplaya", "Tenabo"],
"coahuila_de_zaragoza": ["Abasolo", "Acuna", "Allende", "Arteaga", "Candela", "Castanos", "Cuatro Cienegas", "Escobedo", "Francisco I. Madero", "Frontera", "General Cepeda", "Guerrero", "Hidalgo", "Jimenez", "Juarez", "Lamadrid", "Matamoros", "Monclova", "Morelos", "Muzquiz", "Nadadores", "Nava", "Ocampo", "Piedras Negras", "Progreso", "Ramos Arizpe", "Sabinas", "Sacramento", "Saltillo", "San Buenaventura", "San Juan de Sabinas", "San Pedro", "Sierra Mojada", "Torreon", "Viesca", "Zaragoza"],
"colima": ["Armeria", "Colima", "Comala", "Coquimatlan", "Cuauhtemoc", "Ixtlahuacan", "Manzanillo", "Minatitlan", "Tecoman", "Villa de Alvarez"],
  "chihuahua": ["Chihuahua", "Juarez"],
  "durango": ["Gomez Palacio", "Lerdo"],
"guanajuato": ["Abasolo", "Acambaro", "Apaseo el Alto", "Apaseo el Grande", "Celaya", "Comonfort", "Cortazar", "Cueramaro", "Doctor Mora", "Dolores Hidalgo Cuna de la Independencia Nacional", "Guanajuato", "Huanimaro", "Irapuato", "Jaral del Progreso", "Leon", "Manuel Doblado", "Moroleon", "Ocampo", "Penjamo", "Pueblo Nuevo", "Purisima del Rincon", "Romita", "Salamanca", "Salvatierra", "San Diego de la Union", "San Felipe", "San Francisco del Rincon", "San Jose Iturbide", "San Luis de la Paz", "San Miguel de Allende", "Santa Cruz de Juventino Rosas", "Santiago Maravatio", "Silao de la Victoria", "Tarimoro", "Tierra Blanca", "Uriangato", "Valle de Santiago", "Villagran", "Yuriria"],
"guerrero": ["Acapulco de Juarez", "Ahuacuotzingo", "Alpoyeca", "Arcelia", "Atenango del Rio", "Atlixtac", "Atoyac de Alvarez", "Ayutla de los Libres", "Azoyu", "Benito Juarez", "Buenavista de Cuellar", "Chilapa de Alvarez", "Chilpancingo de los Bravo", "Coahuayutla de Jose Maria Izazaga", "Copala", "Copalillo", "Coyuca de Benitez", "Coyuca de Catalan", "Cuajinicuilapa", "Cualac", "Cuautepec", "Eduardo Neri", "Florencio Villarreal", "Huamuxtitlan", "Iguala de la Independencia", "Igualapa", "Iliatenco", "Jose Joaquin de Herrera", "Juan R. Escudero", "Juchitan", "La Union de Isidoro Montes de Oca", "Las Vigas", "Leonardo Bravo", "Marquelia", "Martir de Cuilapan", "Metlatonoc", "Mochitlan", "Nuu Savi", "Ometepec", "Petatlan", "Pilcaya", "Pungarabato", "Quechultenango", "San Luis Acatlan", "San Marcos", "San Nicolas", "Taxco de Alarcon", "Tecoanapa", "Tecpan de Galeana", "Teloloapan", "Tetipac", "Tixtla de Guerrero", "Tlacoachistlahuaca", "Tlalchapa", "Tlapehuala", "Xalpatlahuac", "Xochihuehuetlan", "Xochistlahuaca", "Zihuatanejo de Azueta", "Zirandaro", "Zitlala"],
"hidalgo": ["Acatlan", "Acaxochitlan", "Actopan", "Agua Blanca de Iturbide", "Ajacuba", "Alfajayucan", "Almoloya", "Apan", "Atitalaquia", "Atotonilco de Tula", "Atotonilco el Grande", "Calnali", "Cardonal", "Chapantongo", "Chapulhuacan", "Chilcuautla", "Cuautepec de Hinojosa", "El Arenal", "Eloxochitlan", "Emiliano Zapata", "Epazoyucan", "Francisco I. Madero", "Huasca de Ocampo", "Huazalingo", "Huehuetla", "Huejutla de Reyes", "Huichapan", "Ixmiquilpan", "Jacala de Ledezma", "Jaltocan", "Juarez Hidalgo", "La Mision", "Lolotla", "Metepec", "Metztitlan", "Mineral de la Reforma", "Mineral del Chico", "Mineral del Monte", "Mixquiahuala de Juarez", "Molango de Escamilla", "Nicolas Flores", "Nopala de Villagran", "Omitlan de Juarez", "Pachuca de Soto", "Pacula", "Pisaflores", "Progreso de Obregon", "San Agustin Metzquititlan", "San Agustin Tlaxiaca", "San Bartolo Tutotepec", "San Felipe Orizatlan", "San Salvador", "Santiago Tulantepec de Lugo Guerrero", "Santiago de Anaya", "Singuilucan", "Tasquillo", "Tecozautla", "Tenango de Doria", "Tepeapulco", "Tepehuacan de Guerrero", "Tepeji del Rio de Ocampo", "Tepetitlan", "Tetepango", "Tezontepec de Aldama", "Tianguistengo", "Tizayuca", "Tlahuelilpan", "Tlahuiltepa", "Tlanalapa", "Tlanchinol", "Tlaxcoapan", "Tolcayuca", "Tula de Allende", "Tulancingo de Bravo", "Villa de Tezontepec", "Xochiatipan", "Xochicoatlan", "Yahualica", "Zacualtipan de Angeles", "Zapotlan de Juarez", "Zempoala"],
"jalisco": ["Acatlan de Juarez", "Ahualulco de Mercado", "Amatitan", "Ameca", "Arandas", "Atotonilco el Alto", "Bolanos", "Cabo Corrientes", "Casimiro Castillo", "Chapala", "Chiquilistlan", "Cihuatlan", "Cocula", "Colotlan", "Concepcion de Buenos Aires", "Cuquio", "Ejutla", "El Arenal", "El Salto", "Encarnacion de Diaz", "Etzatlan", "Gomez Farias", "Guadalajara", "Hostotipaquillo", "Huejucar", "Huejuquilla el Alto", "Ixtlahuacan de los Membrillos", "Ixtlahuacan del Rio", "Jalostotitlan", "Jamay", "Jesus Maria", "Jocotepec", "Juanacatlan", "Juchitlan", "La Barca", "La Huerta", "La Manzanilla de la Paz", "Lagos de Moreno", "Magdalena", "Mascota", "Mazamitla", "Mezquitic", "Mixtlan", "Ocotlan", "Ojuelos de Jalisco", "Pihuamo", "Poncitlan", "Puerto Vallarta", "Quitupan", "San Ignacio Cerro Gordo", "San Juan de los Lagos", "San Juanito de Escobedo", "San Marcos", "San Martin Hidalgo", "San Miguel el Alto", "San Pedro Tlaquepaque", "Santa Maria de los Angeles", "Santa Maria del Oro", "Sayula", "Tala", "Talpa de Allende", "Tapalpa", "Tecalitlan", "Teocaltiche", "Teocuitatlan de Corona", "Tepatitlan de Morelos", "Tequila", "Teuchitlan", "Tizapan el Alto", "Tlajomulco de Zuniga", "Tomatlan", "Tonala", "Tonila", "Totatiche", "Tototlan", "Tuxcacuesco", "Tuxcueca", "Tuxpan", "Valle de Juarez", "Villa Corona", "Villa Guerrero", "Villa Hidalgo", "Villa Purificacion", "Zacoalco de Torres", "Zapopan", "Zapotiltic", "Zapotlan del Rey", "Zapotlan el Grande", "Zapotlanejo"],
"estado_de_mexico": ["Acambay de Ruiz Castaneda", "Acolman", "Almoloya de Juarez", "Almoloya del Rio", "Amanalco", "Amecameca", "Apaxco", "Atenco", "Atizapan", "Atizapan de Zaragoza", "Atlacomulco", "Atlautla", "Axapusco", "Ayapango", "Calimaya", "Capulhuac", "Chalco", "Chapa de Mota", "Chapultepec", "Chiautla", "Chicoloapan", "Chiconcuac", "Chimalhuacan", "Coacalco", "Coacalco de Berriozabal", "Coatepec Harinas", "Cocotitlan", "Coyotepec", "Cuautitlan", "Cuautitlan Izcalli", "Donato Guerra", "Ecatepec de Morelos", "Ecatepec de Morelos", "Ecatzingo", "El Oro", "Huehuetoca", "Hueypoxtla", "Huixquilucan", "Isidro Fabela", "Ixtapaluca", "Ixtapan de la Sal", "Ixtapan del Oro", "Ixtlahuaca", "Jaltenco", "Jilotepec", "Jilotzingo", "Jiquipilco", "Jocotitlan", "Juchitepec", "La Paz", "Lerma", "Luvianos", "Malinalco", "Melchor Ocampo", "Metepec", "Mexicaltzingo", "Morelos", "Naucalpan de Juarez", "Nextlalpan", "Nezahualcoyotl", "Nicolas Romero", "Nopaltepec", "Ocoyoacac", "Ocuilan", "Otumba", "Otzoloapan", "Otzolotepec", "Ozumba", "Papalotla", "Polotitlan", "Rayon", "San Antonio la Isla", "San Martin de las Piramides", "San Mateo Atenco", "Santo Tomas", "Soyaniquilpan de Juarez", "Sultepec", "Tecamac", "Temamatla", "Temascalapa", "Temascalcingo", "Temascaltepec", "Temoaya", "Tenancingo", "Tenango del Aire", "Tenango del Valle", "Teoloyucan", "Teotihuacan", "Tepetlaoxtoc", "Tepetlixpa", "Tepotzotlan", "Tequixquiac", "Texcalyacac", "Texcoco", "Tezoyuca", "Tianguistenco", "Timilpan", "Tlalmanalco", "Tlalnepantla de Baz", "Tlatlaya", "Toluca", "Tonanitla", "Tonatico", "Tultepec", "Tultepec", "Tultitlan", "Tultitlan", "Valle de Bravo", "Valle de Chalco Solidaridad", "Villa Guerrero", "Villa del Carbon", "Xalatlaco", "Xonacatlan", "Zacazonapan", "Zinacantepec", "Zumpahuacan", "Zumpango"],
"michoacan_de_ocampo": ["Acuitzio", "Alvaro Obregon", "Angamacutiro", "Angangueo", "Apatzingan", "Aporo", "Aquila", "Ario", "Buenavista", "Caracuaro", "Charapan", "Charo", "Chavinda", "Cheran", "Chilchota", "Chinicuila", "Chucandiro", "Churintzio", "Coahuayana", "Coalcoman de Vazquez Pallares", "Coeneo", "Cojumatlan de Regules", "Contepec", "Copandaro", "Cuitzeo", "Ecuandureo", "Epitacio Huerta", "Erongaricuaro", "Gabriel Zamora", "Hidalgo", "Huandacareo", "Huaniqueo", "Huetamo", "Huiramba", "Indaparapeo", "Irimbo", "Ixtlan", "Jacona", "Jimenez", "Jiquilpan", "Jose Sixto Verduzco", "Juarez", "Jungapeo", "La Huacana", "La Piedad", "Lagunillas", "Lazaro Cardenas", "Los Reyes", "Madero", "Maravatio", "Morelia", "Morelos", "Nahuatzen", "Nocupetaro", "Nuevo Parangaricutiro", "Nuevo Urecho", "Numaran", "Ocampo", "Pajacuaran", "Panindicuaro", "Paracho", "Paracuaro", "Patzcuaro", "Purepero", "Puruandiro", "Querendaro", "Quiroga", "Sahuayo", "Salvador Escalante", "San Lucas", "Santa Ana Maya", "Senguio", "Susupuato", "Tacambaro", "Tangamandapio", "Tangancicuaro", "Tanhuato", "Tarimbaro", "Tepalcatepec", "Tingambato", "Tinguindin", "Tiquicheo de Nicolas Romero", "Tlazazalca", "Tocumbo", "Tumbiscatio", "Turicato", "Tuxpan", "Tuzantla", "Tzintzuntzan", "Tzitzio", "Uruapan", "Venustiano Carranza", "Villamar", "Vista Hermosa", "Yurecuaro", "Zacapu", "Zamora", "Zinaparo", "Zinapecuaro", "Ziracuaretiro", "Zitacuaro"],
"morelos": ["Amacuzac", "Atlatlahucan", "Axochiapan", "Ayala", "Coatetelco", "Coatlan del Rio", "Cuautla", "Cuernavaca", "Emiliano Zapata", "Hueyapan", "Huitzilac", "Jantetelco", "Jiutepec", "Jojutla", "Jonacatepec de Leandro Valle", "Mazatepec", "Miacatlan", "Ocuituco", "Puente de Ixtla", "Temixco", "Temoac", "Tepalcingo", "Tepoztlan", "Tetecala", "Tetela del Volcan", "Tlalnepantla", "Tlaltizapan de Zapata", "Tlaquiltenango", "Tlayacapan", "Totolapan", "Xochitepec", "Xoxocotla", "Yautepec", "Yecapixtla", "Zacatepec", "Zacualpan de Amilpas"],
"nayarit": ["Acaponeta", "Ahuacatlan", "Amatlan de Canas", "Bahia de Banderas", "Compostela", "Del Nayar", "Huajicori", "Ixtlan del Rio", "Jala", "La Yesca", "Rosamorada", "Ruiz", "San Blas", "San Pedro Lagunillas", "Santa Maria del Oro", "Santiago Ixcuintla", "Tecuala", "Tepic", "Tuxpan", "Xalisco"],
"nuevo_leon": ["Abasolo", "Apodaca", "Cadereyta Jimenez", "Cienega de Flores", "Doctor Arroyo", "Doctor Coss", "Doctor Gonzalez", "El Carmen", "Galeana", "Garcia", "General Bravo", "General Escobedo", "General Teran", "General Zuazua", "Guadalupe", "Hidalgo", "Higueras", "Hualahuises", "Iturbide", "Juarez", "Linares", "Los Ramones", "Melchor Ocampo", "Mina", "Montemorelos", "Monterrey", "Paras", "Pesqueria", "Rayones", "Sabinas Hidalgo", "San Nicolas de los Garza", "San Pedro Garza Garcia", "Santa Catarina", "Santiago"],
"oaxaca": ["Animas Trujano", "Cuilapam de Guerrero", "Oaxaca de Juarez", "Ocotlan de Morelos", "San Agustin de las Juntas", "San Bartolo Coyotepec", "San Francisco Lachigolo", "San Francisco Telixtlahuaca", "San Jacinto Amilpas", "San Pablo Etla", "San Pablo Huitzo", "San Pablo Huixtepec", "San Pablo Villa de Mitla", "Santa Cruz Xoxocotlan", "Santa Lucia del Camino", "Villa de Etla", "Villa de Zaachila", "Zimatlan de Alvarez"],
"puebla": ["Acajete", "Acateno", "Acatzingo", "Acteopan", "Ahuehuetitla", "Ahuacatlan", "Ahuatlan", "Ahuazotepec", "Ajajpan", "Altepexi", "Amixtlan", "Amozoc", "Aquixtla", "Atexcal", "Atempan", "Atlequizayan", "Atlixco", "Atoyatempan", "Atzala", "Atzitzihuacan", "Atzitzintla", "Axutla", "Ayotoxco de Guerrero", "Calpan", "Caltepec", "Camocuautla", "Canada Morelos", "Chalchicomula de Sesma", "Chapulco", "Chiautzingo", "Chichiquila", "Chiconcuautla", "Chignahuapan", "Chignautla", "Cohetzala", "Cohuecan", "Coatepec", "Coronango", "Coxcatlan", "Coyomeapan", "Coyotepec", "Cuapiaxtla de Madero", "Cuatempan", "Cuautinchan", "Cuautlancingo", "Cuetzalan del Progreso", "Cuyoaco", "Domingo Arenas", "Eloxochitlan", "Epatlan", "Esperanza", "Francisco Z. Mena", "Guadalupe", "Guadalupe Victoria", "Hermenegildo Galeana", "Honey", "Huaquechula", "Huehuetla", "Huejotzingo", "Hueyapan", "Hueytlalpan", "Hueytamalco", "Huitzilan de Serdan", "Ixcaquixtla", "Ixcamilpa de Guerrero", "Ixtepec", "Ixtacamaxtitlan", "Izucar de Matamoros", "Jalpan", "Jonotla", "Jopala", "Juan C. Bonilla", "Juan Galindo", "Juan N. Mendez", "Lafragua", "Libres", "Mixtla", "Naupan", "Nauzontla", "Nealtican", "Nicolas Bravo", "Ocotepec", "Ocoyucan", "Olintla", "Pahuatlan", "Palmar de Bravo", "Pantepec", "Quecholac", "Quimixtlan", "San Andres Cholula", "San Antonio Canada", "San Felipe Tepatlan", "San Felipe Teotlalcingo", "San Gabriel Chilac", "San Gregorio Atzompa", "San Jeronimo Tecuanipan", "San Jose Miahuatlan", "San Martin Texmelucan", "San Matias Tlalancaleca", "San Miguel Xoxtla", "San Nicolas de los Ranchos", "San Pedro Cholula", "San Pedro Yeloixtlahuaca", "San Salvador El Verde", "Santa Isabel Cholula", "Santiago Miahuatlan", "Soltepec", "San Sebastian Tlacotepec", "Tecali de Herrera", "Tecamachalco", "Teopantlan", "Teotlalcingo", "Tepanco de Lopez", "Tepemaxalco", "Tepeaca", "Tepeojuma", "Tepetzintla", "Tepexco", "Tepexi de Rodriguez", "Tepeyahualco", "Tetela de Ocampo", "Teziutlan", "Tlacotepec de Benito Juarez", "Tlacuilotepec", "Tlahuapan", "Tlapanala", "Tlapacoya", "Tlaola", "Tlatlauquitepec", "Tlaxco", "Tlazenpan", "Tochtepec", "Tochimilco", "Tuzamapan de Galeana", "Tzicatlacoyan", "Venustiano Carranza", "Vicente Guerrero", "Xayacatlan de Bravo", "Xicotepec", "Xiutetelco", "Xochiapulco", "Xochiltepec", "Xochitlan Todos Santos", "Xochitlan de Vicente Suarez", "Yaonahuac", "Yehualtepec", "Zacapoaxtla", "Zacatlan", "Zapotitlan", "Zapotitlan de Mendez", "Zaragoza", "Zautla", "Zihuateutla", "Zinacatepec", "Zoquiapan", "Zoquitlan", "Zozocolco"],
"queretaro": ["Amealco de Bonfil", "Cadereyta de Montes", "Colon", "Corregidora", "El Marques", "Ezequiel Montes", "Huimilpan", "Pedro Escobedo", "Queretaro", "San Joaquin", "San Juan del Rio", "Tequisquiapan", "Toliman"],
"quintana_roo": ["Benito Juarez", "Isla Mujeres"],
"san_luis_potosi": ["Aquismon", "Alaquines", "Axtla de Terrazas", "Catorce", "Cedral", "Cerro de San Pedro", "Charcas", "Ciudad del Maiz", "Ciudad Fernandez", "Ciudad Valles", "Coxcatlan", "Ebano", "El Naranjo", "Guadalcazar", "Huehuetlan", "Lagunillas", "Matehuala", "Matlapa", "Mexquitic de Carmona", "Moctezuma", "Rioverde", "San Ciro de Acosta", "San Luis Potosi", "San Martin Chalchicuautla", "San Vicente Tancuayalab", "Santa Catarina", "Santa Maria del Rio", "Santo Domingo", "Soledad de Graciano Sanchez", "Tamazunchale", "Tamasopo", "Tampacan", "Tampamolon Corona", "Tancahuitz", "Tanlajas", "Tanquian de Escobedo", "Tierra Nueva", "Tamuin", "Vanegas", "Venado", "Villa de Arista", "Villa de Guadalupe", "Villa de Ramos", "Villa de Reyes", "Villa Hidalgo", "Xilitla", "Zaragoza"],
  "sinaloa": ["Culiacan", "Mazatlan"],
"tabasco": ["Balancan", "Cardenas", "Centla", "Centro", "Comalcalco", "Cunduacan", "Emiliano Zapata", "Huimanguillo", "Jalapa", "Jalpa de Mendez", "Jonuta", "Macuspana", "Nacajuca", "Paraiso", "Tacotalpa", "Teapa"],
"tamaulipas": ["Tampico", "Victoria"],
"tlaxcala": ["Amaxac de Guerrero", "Apetatitlan de Antonio Carvajal", "Apizaco", "Atlangatepec", "Atltzayanca", "Acuamanala de Miguel Hidalgo", "Benito Juarez", "Calpulalpan", "Chiautempan", "Contla de Juan Cuamatzi", "Cuapiaxtla", "Cuaxomulco", "Emiliano Zapata", "Espanita", "Huamantla", "Hueyotlipan", "Ixtacuixtla de Mariano Matamoros", "Ixtenco", "La Magdalena Tlaltelulco", "Lazaro Cardenas", "Mazatecochco de Jose Maria Morelos", "Munoz de Domingo Arenas", "Nanacamilpa de Mariano Arista", "Nativitas", "Panotla", "Papalotla de Xicohtencatl", "San Damian Texoloc", "San Francisco Tetlanohcan", "San Jeronimo Zacualpan", "San Jose Teacalco", "San Juan Huactzinco", "San Lorenzo Axocomanitla", "San Lucas Tecopilco", "San Pablo del Monte", "Sanctorum de Lazaro Cardenas", "Santa Ana Nopalucan", "Santa Apolonia Teacalco", "Santa Catarina Ayometla", "Santa Cruz Quilehtla", "Santa Cruz Tlaxcala", "Santa Isabel Xiloxoxtla", "Teolocholco", "Tepeyanco", "Tepetitla de Lardizabal", "Terrenate", "Tetla de la Solidaridad", "Tetlatlahuca", "Tlaxcala", "Tlaxco", "Tocatlan", "Totolac", "Tzompantepec", "Xaloztoc", "Xaltocan", "Xicohtzinco", "Yauhquemehcan", "Ziltlaltepec de Trinidad Sanchez Santos", "Zacatelco"],
"veracruz": ["Acajete", "Acayucan", "Acatlan", "Acula", "Acultzingo", "Agua Dulce", "Alamo Temapache", "Alpatlahuac", "Alto Lucero de Gutierrez Barrios", "Altotonga", "Alvarado", "Amatitlan", "Amatlan de los Reyes", "Angel R. Cabada", "Apazapan", "Aquila", "Astacinga", "Atlahuilco", "Atlapexco", "Atzalan", "Atzacan", "Atzalan", "Ayahualulco", "Banderilla", "Benito Juarez", "Boca del Rio", "Calcahualco", "Camerino Z. Mendoza", "Camaron de Tejeda", "Carlos A. Carrillo", "Carrillo Puerto", "Castillo de Teayo", "Catemaco", "Cazones de Herrera", "Cerro Azul", "Chacaltianguis", "Chalma", "Chiconamel", "Chicontepec", "Chinameca", "Chocaman", "Citlaltepetl", "Coacoatzintla", "Coahuitlan", "Coatepec", "Coatzacoalcos", "Coatzintla", "Colipa", "Comalcalco", "Comapa", "Cordoba", "Cosamaloapan de Carpio", "Cosautlan de Carvajal", "Coscomatepec", "Cosoleacaque", "Cotaxtla", "Coxquihui", "Coyutla", "Cuichapa", "Cuitlahuac", "El Higo", "Emiliano Zapata", "Espinal", "Filomeno Mata", "Fortin", "Gutierrez Zamora", "Hidalgotitlan", "Huatusco", "Huayacocotla", "Hueyapan de Ocampo", "Hueyotlipan", "Huiloapan de Cuauhtemoc", "Ignacio de la Llave", "Ilamatlan", "Isla", "Ixcatepec", "Ixhuacan de los Reyes", "Ixhuatlan de Madero", "Ixhuatlan del Cafe", "Ixhuatlan del Sureste", "Ixhuatlancillo", "Ixtaczoquitlan", "Jalacingo", "Jalapa", "Jalcomulco", "Jamapa", "Jesus Carranza", "Jilotepec", "Jonuta", "Jose Azueta", "Juan Rodriguez Clara", "Juchique de Ferrer", "La Antigua", "La Perla", "Las Choapas", "Las Minas", "Las Vigas de Ramirez", "Lerdo de Tejada", "Los Reyes", "Magdalena", "Maltrata", "Manlio Fabio Altamirano", "Mariano Escobedo", "Martinez de la Torre", "Mecatlan", "Mecayapan", "Medellin de Bravo", "Miahuatlan", "Minatitlan", "Misantla", "Mixtla de Altamirano", "Moloacan", "Nanchital de Lazaro Cardenas del Rio", "Naranjal", "Naolinco", "Nautla", "Nogales", "Omealca", "Orizaba", "Otatitlan", "Oteapan", "Ozuluama de Mascarenas", "Pajapan", "Panuco", "Papantla", "Paso de Ovejas", "Paso del Macho", "Perote", "Platon Sanchez", "Playa Vicente", "Poza Rica de Hidalgo", "Puente Nacional", "Pueblo Viejo", "Rafael Delgado", "Rafael Lucio", "Rio Blanco", "San Andres Tenejapan", "San Andres Tuxtla", "San Juan Evangelista", "San Lorenzo Axocomanitla", "San Pablo del Monte", "San Rafael", "San Sebastian Tenejapan", "Santa Ana Chiautempan", "Santa Apolonia Teacalco", "Santa Catarina Ayometla", "Santa Cruz Quilehtla", "Santa Cruz Tlaxcala", "Santa Isabel Xiloxoxtla", "Santa Maria del Rio", "Santiago Sochiapan", "Santiago Tuxtla", "Sayula de Aleman", "Sochiapa", "Soconusco", "Soledad Atzompa", "Soledad de Doblado", "Soteapan", "Tamalin", "Tampico Alto", "Tancoco", "Tantima", "Tantoyuca", "Tatatila", "Tatahuicapan de Juarez", "Tecolutla", "Tehuacan", "Tehuipango", "Tempoal", "Tenampa", "Tenochtitlan", "Teocelo", "Tepatlaxco", "Tepetlan", "Tepetzintla", "Tequila", "Texcatepec", "Texhuacan", "Texistepec", "Tezonapa", "Tezoyuca", "Tierra Blanca", "Tihuatlan", "Tlachichilco", "Tlacojalpan", "Tlacolulan", "Tlacotalpan", "Tlacotepec de Mejia", "Tlalixcoyan", "Tlalnelhuayocan", "Tlaltetela", "Tlapacoyan", "Tlaquilpa", "Tlatlauquitepec", "Tlilapan", "Tomatlan", "Tonayan", "Totutla", "Tres Valles", "Tuxpan", "Tuxtilla", "Ursulo Galvan", "Uxpanapa", "Vega de Alatorre", "Veracruz", "Villa Aldama", "Xalapa", "Xico", "Xoxocotla", "Yanga", "Yecuatla", "Zacualpan", "Zaragoza", "Zentla", "Zongolica", "Zontecomatlan de Lopez y Fuentes", "Zozocolco de Hidalgo", "Zumpango"],
"yucatan": ["Kanasin", "Merida"],
"zacatecas": ["Apulco", "Apozol", "Atolinga", "Benito Juarez", "Calera", "Canitas de Felipe Pescador", "Chalchihuites", "Concepcion del Oro", "Cuauhtemoc", "El Plateado de Joaquin Amaro", "El Salvador", "Fresnillo", "General Enrique Estrada", "General Francisco R. Murguia", "General Panfilo Natera", "Guadalupe", "Huanusco", "Jalpa", "Jerez", "Jimenez del Teul", "Juan Aldama", "Loreto", "Luis Moya", "Mazapil", "Melchor Ocampo", "Mezquital del Oro", "Miguel Auza", "Momax", "Monte Escobedo", "Morelos", "Moyahua de Estrada", "Nochistlan de Mejia", "Noria de Angeles", "Ojocaliente", "Panuco", "Pinos", "Rio Grande", "Sain Alto", "Sombrerete", "Susticacan", "Tabasco", "Tepechitlan", "Tepetongo", "Teul de Gonzalez Ortega", "Trancoso", "Trinidad Garcia de la Cadena", "Valparaiso", "Vetagrande", "Villa de Cos", "Villa Garcia", "Villa Gonzalez Ortega", "Villa Hidalgo", "Villanueva", "Zacatecas"]

  // 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