var formations = ; document.addEventListener('DOMContentLoaded', function() { var select = $('#formation-select'); // Récupérer le paramètre de l'URL var urlParams = new URLSearchParams(window.location.search); var selectedFormation = urlParams.get('formation'); // Initialiser Select2 select.select2({ templateResult: function(state) { if (!state.id) { return state.text; // Si pas d'image, retourne juste le texte } for (var category in formations) { var formation = formations[category].find(f => f.name === state.text); if (formation) { var img = formation.image; if (img) { return $('' + state.text + ''); } } } return state.text; // Retourne juste le texte si pas d'image trouvée }, }); // Ajouter les options for (var category in formations) { var optgroup = $(''); formations[category].forEach(function(formation) { var option = new Option(formation.name, formation.name, formation.name === selectedFormation, formation.name === selectedFormation); optgroup.append(option); }); select.append(optgroup); } // Si une formation est sélectionnée via l'URL if (selectedFormation) { select.val(selectedFormation).trigger('change'); select.prop('disabled', true); } else { select.prop('disabled', false); } // Mettre à jour le champ caché avec la valeur sélectionnée ou manuelle select.on('change', function() { var value = $(this).val(); console.log('Sélection actuelle :', value); // Log pour débogage document.querySelector('#hidden-formation-select').value = value ? value : ''; }); // Si une formation est sélectionnée via l'URL, mettre à jour le champ caché document.querySelector('#hidden-formation-select').value = selectedFormation ? selectedFormation : ''; console.log('Valeur cachée initiale :', document.querySelector('#hidden-formation-select').value); // Log pour débogage }); document.addEventListener('DOMContentLoaded', function() { var urlParams = new URLSearchParams(window.location.search); var selectedFormation = urlParams.get('formation'); // Mettre à jour la valeur du champ caché var hiddenField = document.querySelector('#hidden-formation-select'); hiddenField.value = selectedFormation ? selectedFormation : ''; // Option pour que l'utilisateur puisse remplir la valeur manuellement hiddenField.addEventListener('input', function() { hiddenField.value = this.value; // Met à jour la valeur du champ caché }); }); document.addEventListener('DOMContentLoaded', function() { var urlParams = new URLSearchParams(window.location.search); var selectedFormation = urlParams.get('formation'); // Mettre à jour la valeur du champ caché var hiddenField = document.querySelector('#hidden-formation-select'); hiddenField.value = selectedFormation ? selectedFormation : ''; // Événement pour mettre à jour la valeur du champ caché lors de la sélection d'une formation var select = $('#formation-select'); select.on('change', function() { hiddenField.value = $(this).val(); // Met à jour le champ caché avec la sélection }); // Si l'utilisateur modifie le champ caché manuellement hiddenField.addEventListener('input', function() { hiddenField.value = this.value; // Met à jour la valeur du champ caché }); });