johanleroy/ENI-sortir
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

forme création sortie

Browse Source
This commit is contained in:
marvin
2024-11-20 15:48:32 +01:00
parent e6954b6ce3
commit f25295ae5c
5 changed files with 74 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
assets/js/lieu.js
View File

@@ -8,9 +8,11 @@ document.addEventListener('DOMContentLoaded', function () {
const longitudeLabel = document.getElementById('longitude-value');
if (villeSelect && lieuSelect) {
// Listener pour la ville
villeSelect.addEventListener('change', function () {
const villeId = villeSelect.value;
// Réinitialisation des options de lieu
lieuSelect.innerHTML = '<option value="">Sélectionnez un lieu</option>';
lieuSelect.disabled = true;
@@ -23,12 +25,13 @@ document.addEventListener('DOMContentLoaded', function () {
return response.json();
})
.then(data => {
// Mise à jour des options dans le menu déroulant
lieuSelect.innerHTML = '<option value="">Sélectionnez un lieu</option>';
data.forEach(lieu => {
const option = document.createElement('option');
option.value = lieu.id;
option.textContent = lieu.nom;
option.dataset.details = JSON.stringify(lieu);
option.value = lieu.id; // ID pour soumettre au backend
option.textContent = lieu.nom; // Nom affiché
option.dataset.details = JSON.stringify(lieu); // Stocker les détails pour affichage
lieuSelect.appendChild(option);
});
@@ -40,20 +43,27 @@ document.addEventListener('DOMContentLoaded', function () {
}
});
// Listener pour le lieu
lieuSelect.addEventListener('change', function () {
const selectedOption = lieuSelect.options[lieuSelect.selectedIndex];
if (selectedOption && selectedOption.dataset.details) {
const lieuDetails = JSON.parse(selectedOption.dataset.details);
// Mise à jour des labels avec les détails du lieu sélectionné
rueLabel.textContent = lieuDetails.rue || 'Non renseignée';
codePostalLabel.textContent = lieuDetails.codePostal || 'Non renseigné';
latitudeLabel.textContent = lieuDetails.latitude || 'Non renseignée';
longitudeLabel.textContent = lieuDetails.longitude || 'Non renseignée';
console.log('Lieu sélectionné:', lieuDetails);
} else {
// Réinitialisation des labels si aucun lieu n'est sélectionné
rueLabel.textContent = 'Renseigner avec le lieu';
codePostalLabel.textContent = 'Renseigner avec le lieu';
latitudeLabel.textContent = 'Renseigner avec le lieu';
longitudeLabel.textContent = 'Renseigner avec le lieu';
console.log('Aucun lieu sélectionné.');
}
});
} else {