Buongiorno
ho un modulo di ricerca dove devo inserire in primis l'aeroporto di partenza, in base a questa scelta mostro un datepicker (che è nascosto fino a quel momento) dal quale prendere le date di partenza del volo di quel determinato aeroporto, infine scelgo il numero di persone nella stessa camera ed il numero di notti.
Una volta atterrato nella pagina dei risultati mostro il modulo precompilato
Il problema è che se l'utente decide di cambiare città di partenza dal modulo, si aggiunge il campo di testo del datepicker della città selezionata ma dovrebbe scomparire quello della vecchia città
Al momento utilizzo questo codice php utilizzando un display: none:
come javascript utilizzo questo:codice:<?php if($citta_id=="1"){ echo"<div id=\"1\"><input type=\"text\" name=\"arrivo_roma\" class=\"form-select inputricerca\" id=\"calendario_roma\" value=\"$arrivo\" readonly required></div>"; } else { echo"<div id=\"1\" style=\"display: none;\"><input type=\"text\" name=\"arrivo_roma\" class=\"form-select inputricerca\" id=\"calendario_roma\" placeholder=\"Date Disponibili da Roma\" readonly required></div>"; } if($citta_id=="2"){ echo"<div id=\"2\"><input type=\"text\" name=\"arrivo_napoli\" class=\"form-select inputricerca\" id=\"calendario_napoli\" value=\"$arrivo\" readonly required></div>"; } else { echo"<div id=\"2\" style=\"display: none;\"><input type=\"text\" name=\"arrivo_napoli\" class=\"form-select inputricerca\" id=\"calendario_napoli\" placeholder=\"Date Disponibili da Napoli\" readonly required></div>"; } if($citta_id=="4"){ echo"<div id=\"4\"><input type=\"text\" name=\"arrivo_milano\" class=\"form-select inputricerca\" id=\"calendario_milano\" value=\"$arrivo\" readonly required></div>"; } else { echo"<div id=\"4\" style=\"display: none;\"><input type=\"text\" name=\"arrivo_milano\" class=\"form-select inputricerca\" id=\"calendario_milano\" placeholder=\"Date Disponibili da Milano\" readonly required></div>"; }
L'esempio è su questa pagina di test: https://bit.ly/3MpG0DNcodice:<script type="text/javascript"> function showNode (sID) { //alert (sID); showNode.active && showNode.active.style.setProperty("display", "none"); if (sID != 0) { //alert (sID); showNode.active = document.getElementById(sID); showNode.active && showNode.active.style.setProperty("display", "block"); } } </script>
(dopo aver inviato il modulo bisogna cliccare su "modifica i parametri di ricerca" e cambiare la città di partenza per vedere cosa succede

Rispondi quotando