bonjour,
je souhaite donner la possibilité à un utilisateur d'ajouter un nouveau siège par l’intermédiaire d'un formulaire présent dans une pop up.
Cette popup s'ouvre lorsque l'utilisateur sélectionne "nouveau siège " dans un menu déroulant qui répertorie tout les sièges présents dans ma base.
Lorsque la pop up se referme, je souhaiterais mettre à jour le select pour que le siège nouvellement crée s'affiche.
j'ai réussi à ajouter mon nouveau siège à ma base de donnée et à retourner la liste des sieges à ma vue.
je reçoit donc ma nouvelle liste de siège dans une variable: listNameCentre qui retoune la liste suivante:
listNameCentre: ["Ajouter un nouveau siége", {id: "9", name: "AB CONSEIL Paris 6ème"},{id: "10", name: "AB CONSEIL Paris 9ème"},…]
j'aimerais remplacer la liste des centres présents dans le champs select par ma nouvelle liste de centre.
j'ai pensé faire une boucle et utiliser "append" mais comme je suis novice en jquery, je n'y arrive pas.
est ce la bonne méthode?
quelqu'un peut 'il m'aider ?
voici le champs select que j'aimerai modifier
et mon code jquery
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9 <?php echo $this->Form->input('id_siege', array( 'label' => "Siege social ", 'empty' => 'Sélectionner un siège social', 'options' => $listNameCentre, 'type' => 'select', 'id' => 'list_centre', 'required' => "true", 'class' => 'form-control input-sm', ));
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32 $('#info_siege').submit(function(e) { e.preventDefault(); var data = { id_centre: $('#id_centre').val(), name : $('#siege_name').val(), address1 : $('#siege_adress1').val(), address2 : $('#siege_adress2').val(), cp : $('#siege_cp').val(), town : $('#siege_town').val(), town_id :$('#siege_town_id').val(), type :$('#siege_type').val(), }; jQuery.ajax({ url : "<?php echo $this->Html->url('/employes/save_siege'); ?>", type: "POST", data : data, dataType: "json", success:function(data) { alert(data.listNameCentre); $('#overlay').hide(); }, }); });
Partager