Insertion dans une div d'éléments <select>
Bonjour,
je cherche à insérer dans une div (sous forme d'inputs) des éléments choisis dans un select et validés par un bouton 'ok'.
Il m'envoie bien des données dans mon div, mais dès que je sélectionne un deuxième élément, il me réinsère le premier avec.
Bref... je n'arrive pas à vider les sélections antérieurs et je n'y comprends plus rien.
Voici l'HTML
Code:
1
2
3
4
5
6
7
| <select class="select-id" name="id_art[]" >
<option value="1">selection1</option>
<option value="2">selection2</option>
</select>
<div class="ok">
OK
</div> |
Et voici le js
Code:
1
2
3
4
5
6
7
8
| $(".select-id",this).live("change", function(){
var value = "";
var value = '<input name="id_objet[]" value="' + $("option:selected", this).val() + '" type="hidden" />' + $("option:selected", this).text() + '<br/>' ;
$(this).siblings(".ok").click(function(){
$(this).parents(".bloc-element").siblings(".a_enregistrer").after(value);
})
})
.change(); |
Ca doit pas être bien sorcier... parole de débutant !
