From ec5878d0f1a275aa70b00f83fceaac9dac123702 Mon Sep 17 00:00:00 2001
From: KONE SOREL <skone@ebene.info>
Date: Sat, 7 Mar 2026 09:21:25 +0000
Subject: [PATCH] df

---
 Js/fonctions.js                      | 48 ++++++++++------------------
 Vue/Ajaxfiltrevilleparpays/index.php |  7 ++--
 Vue/Ajaxtbajouterlocalite/index.php  |  1 -
 3 files changed, 18 insertions(+), 38 deletions(-)

diff --git a/Js/fonctions.js b/Js/fonctions.js
index 9be0c3c4..24db6e83 100755
--- a/Js/fonctions.js
+++ b/Js/fonctions.js
@@ -47686,45 +47686,29 @@ function filtreVilleParPays() {
     const racineWeb = $("#racineWeb").val();
     const $divVille = $('#div_ville');
 
-    // 1. Si aucun pays n'est sélectionné, on peut vider ou griser la ville
-    if (!codePays || codePays === "") {
-        $divVille.find('select').html('<option value=""><?= _("Choisir d\'abord un pays") ?></option>').selectpicker('refresh');
-        return;
-    }
+    if (!codePays) return;
 
-    // 2. Feedback visuel de chargement sur le conteneur
-    $divVille.css('opacity', '0.5');
-
-    // 3. Appel AJAX
     $.ajax({
         url: racineWeb + "Ajaxfiltrevilleparpays/",
         type: 'post',
-        data: { codePays: codePays }, // Passage en objet JSON (plus propre)
+        data: { codePays: codePays },
         success: function(data) {
-            // 4. On vide et on injecte le nouveau <select> ou les nouvelles <option>
+            // 1. Détruire l'instance SelectPicker existante avant de vider le HTML
+            $divVille.find('.selectpicker').selectpicker('destroy');
+            
+            // 2. Injecter le nouveau contenu
             $divVille.html(data);
 
-            // 5. CRUCIAL : Ré-initialisation du SelectPicker
-            // Comme le contenu est dynamique, il faut dire au plugin de se reconstruire
-            setTimeout(function() {
-                const $selectVille = $divVille.find('select');
-                $selectVille.selectpicker({
-                    liveSearch: true,
-                    style: 'btn-white border-2 border-start-0 fw-bold',
-                    size: 8
-                });
-                $selectVille.selectpicker('refresh');
-            }, 50);
-
-            if (typeof toastr !== 'undefined') {
-                toastr.info("Villes synchronisées");
-            }
-        },
-        error: function(xhr) {
-            console.error("Erreur filtrage ville :", xhr.statusText);
-        },
-        complete: function() {
-            $divVille.css('opacity', '1');
+            // 3. Ré-initialiser proprement le nouveau select
+            const $newSelect = $divVille.find('select');
+            $newSelect.addClass('selectpicker').selectpicker({
+                liveSearch: true,
+                style: 'btn-white border-2 border-start-0 fw-bold',
+                width: '100%'
+            });
+            
+            // 4. Forcer le rafraîchissement final
+            $newSelect.selectpicker('refresh');
         }
     });
 }
diff --git a/Vue/Ajaxfiltrevilleparpays/index.php b/Vue/Ajaxfiltrevilleparpays/index.php
index 681c0df2..d5b8e702 100755
--- a/Vue/Ajaxfiltrevilleparpays/index.php
+++ b/Vue/Ajaxfiltrevilleparpays/index.php
@@ -1,6 +1,3 @@
-<select name="codeVille" id="codeVille" 
-    class="form-select border-2 border-start-0 ps-0 selectpicker show-tick" 
-    data-live-search="true"
-    required onchange="JAVASCRIPT:filtreLocaliteParVille();">
-    <?= liste_options($ville,'',false) ?>
+<select name="codeVille" id="codeVille" class="form-select selectpicker" data-live-search="true" required onchange="filtreLocaliteParVille();">
+    <?= liste_options($villes, '', false) ?>
 </select>
\ No newline at end of file
diff --git a/Vue/Ajaxtbajouterlocalite/index.php b/Vue/Ajaxtbajouterlocalite/index.php
index 4b61c438..42fcd90f 100755
--- a/Vue/Ajaxtbajouterlocalite/index.php
+++ b/Vue/Ajaxtbajouterlocalite/index.php
@@ -26,7 +26,6 @@
                                 class="form-select border-2 border-start-0 ps-0 selectpicker show-tick" 
                                 data-live-search="true"
                                 required onchange="filtreVilleParPays();">
-                            <option value=""><?= _("Choisir un pays") ?></option>
                             <?= liste_options($pays,'',false) ?>
                         </select>
                     </div>