Scroll on change

Amichiamoci · Sep 2, 2024 · 4496e65 · 4496e65
1 parent 5b24087
commit 4496e65
Showing 1 changed file with 16 additions and 4 deletions.
diff --git a/staff/squadre/crea.php b/staff/squadre/crea.php
@@ -109,7 +109,7 @@
                 <label for="parrocchia">
                     Parrocchia
                 </label>
-                <select name="parrocchia" required>
+                <select name="parrocchia" required id="parrocchia">
                     <?php
                         foreach ($lista_parrocchie as $parr)
                         {
@@ -128,7 +128,7 @@
                 <label for="sport">
                     Sport
                 </label>
-                <select name="sport" required>
+                <select name="sport" id="sport" required>
                     <?php
                         foreach ($lista_sport as $sport)
                         {
@@ -173,9 +173,10 @@
                             if (!isset($last_p) || $last_p !== $iscritto->parrocchia)
                             {
                                 $last_p = $iscritto->parrocchia;
-                                echo "<li><h3>$last_p</h3></li>\n";
+                                $p_id = $iscritto->id_parrocchia;
+                                echo "<li><h3 data-group='$p_id'>$last_p</h3></li>\n";
                             }
-                            
+
                             $label = htmlspecialchars($iscritto->nome);
                             $id = $iscritto->id;
                             echo "<li>\n<label for='member-$id'>$label</label>";
@@ -220,6 +221,17 @@ function UpdateList()
                             UpdateList();
                         });
                     });
+                    const select = document.getElementById('parrocchia');
+                    if (select) {
+                        select.addEventListener('input', () => {
+                            const headers = [... document.querySelectorAll('[data-group="' + select.value + '"]')];
+                            if (headers.length === 0) return;
+                            headers[0].scrollIntoView({
+                                behavior:"smooth",
+                                block:"start",
+                            });
+                        });
+                    }
                 </script>
             </div>
             <input class="button rounded" type="submit" value="Conferma" onclick="UpdateList()">