Mettre à jour les item d'un menu déroulant
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
Code:
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',
)); |
et mon code jquery
Code:
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();
},
});
}); |
