Discussion :

[moniayousfi]

Bonjour a tous
je veux savoir comment pouvoir appeler une action lors de la sélection d'un élément d'un combobox.

J'ai un formulaire pour ajouter une personne ou il y a un select pays.
je mets un élément Autre a la fin de select pour que l'utilisateur puisse ajouter son pays dans le cas ou le pays n'existe pas.
Alors si l’élément sélectionne est "Autre" on fait l'appel a l'action Ajouter Pays.

j'ai pensé a Javascript pour récupérer l’élément sélectionné de Combobox.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
<script type="text/javascript">
    var selectCtrl = document.getElementById("personne_pays");
    var selectedItem = selectCtrl.options[selectCtrl.selectedIndex];
    if (selectedItem.value == 'autre')
    {
        alert('ok');
    }
</script>

Merci d'avance

[dukoid]

je te conseil fortement d'utiliser jQuery ! (et non pas du javascript brut)

[moniayousfi]

merci pour le conseil.Le plus important pour moi c'est comment faire l'appel de l'action crée en symfony avec jquery ou javascript.

[dukoid]

créer un formulaire avec 2 champs :
- le select
- un input "autre"

dans la vue, jQuery va gerer dynamiquement le select. (choix sur autres, le focus ce met sur input "autre"

submit du formulaire vers l'action du controlleur
gestion du formulaire dans l'action

[moniayousfi]

le formulaire est deja cré.j'ai un select qui contient tous les pays(qui sont sauvegardés dans la base) et le dernier element de la liste sera autre(je l'ai ajouté avec ajax) si l'utilisateur choisit l'option autre un nouveau twig sera affiché sous forme de popup(par exp) pour ajouter le nouveau pays a la base.

[MehrezLabidi]

Cool ..

Pour gérer les Evénements lié au select choice, je t'invite à voir l'event "onchange" de JQuery même dans un fichier hors ton projet.
Ensuite, on jette un oeil sur les selector attribut de JQuery ( précisément hide , show , display ...)

L'idée est donc de créer ton deuxième formulaire dans un popup ou même au dessous de ton formulaire principale et de le cacher en DOM , on l'affiche si l'utilisateur a changé le select vers AUTRES comme tu veux