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:
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>";
}
come javascript utilizzo questo:
codice:
<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>
L'esempio è su questa pagina di test: https://bit.ly/3MpG0DN
(dopo aver inviato il modulo bisogna cliccare su "modifica i parametri di ricerca" e cambiare la città di partenza per vedere cosa succede