[DOM]Conserver une valeur après ajout d'un childRésolu

Question

Hello,

le titre n'est pas super clair parce que je ne savais pas comment r&#233;sumer.

J'appelle une fonction sur un &#233;v&#232;nement (onchange d'un select : bref, quand on clique sur une de ses options, et il n'y a pas de submit du formulaire). Cette fonction fait ceci :
Elle ajoute dans un div A, une s&#233;rie d'&#233;l&#233;ment : un autre div Bd[n], qui contient elle une image Bi[n], du texte, et un input type text Bt[n].
Sur l'image, un &#233;v&#232;nement onclick d&#233;clenche la suppression de sa div Bd[n]. (si on s'est plant&#233;, quoi). 
On peut &#233;videmment appeler autant de fois cette fonction, pour ajouter &#224; ma div A, autant de div Bd[n] que l'on veut. 
Le truc, c'est que si on fait appara&#238;tre 1 div Bd[n], et qu'on saisit quelque chose dans l'input correspondant Bt[n], puis que l'on res&#233;lectionne une autre option pour faire appara&#238;tre une nouvelle div Bd[n+1], la valeur de Bi|n] revient &#224; sa valeur par d&#233;faut (0).
Je voudrais conserver cette valeur.
Je ne pige pas, vu que je ne fais qu'ajouter quelque chose au innerHTML de div A, je ne r&#233;&#233;cris pas tout (&#224; priori).

Voici ma fonction :

function displayChoice (art_id, sk_id, sk_lib) {
 div = document.getElementById('affChoixEmp['+art_id+']');
 if (check = document.getElementById('empId['+art_id+']['+sk_id+']')) {
  return false;
 } else {
  div.innerHTML += '
&nbsp;'+sk_lib+'&nbsp;
';
 }
}

Quelqu'un a une solution?

Merci :-)

malalam · Accepted Answer

Bon c'est fait.

Pour ceux que &#231;a int&#233;resse :

function displayChoice (art_id, sk_id, sk_lib) {
 div = document.getElementById('affChoixEmp['+art_id+']');
 if (check = document.getElementById('empId['+art_id+']['+sk_id+']')) {
  return false;
 } else {
  emp = document.createElement ('div');
  empId = div.appendChild (emp);
  empId.id = 'empId['+art_id+']['+sk_id+']';


  bt = document.createElement ('img');
  bouton = empId.appendChild (bt);
  bouton.src='img/pic.close.gif';
  bouton.title='Supprimer';
  bouton.alt='Supprimer';
  bouton.style.cursor='pointer';
  bouton.id='img['+art_id+']['+sk_id+']';
  d = document.getElementById('img['+art_id+']['+sk_id+']');
  d.onclick = function () {div.removeChild(document.getElementById('empId['+art_id+']['+sk_id+']'));};


  lib = document.createTextNode (' '+sk_lib+' ');
  empId.appendChild (lib);


  inp = document.createElement ('input');
  input = empId.appendChild (inp);
  input.type='text';
  input.name='sk_art_quantite['+art_id+']['+sk_id+']';
  input.id='sk_art_quantite['+art_id+']['+sk_id+']';
  valeur = document.getElementById('sk_art_quantite['+art_id+']['+sk_id+']');
  valeur.value= '0';
 }
}

malalam · Answer

Bon en fait j'ai compris, c'&#233;tait stupide.
Pas encore r&#233;solu, mais j'ai compris... ;-)
La valeur de l'input a chang&#233;, pas le innerHTML de ma div, qui est une chaine...la chaine n'a pas &#233;t&#233; modifi&#233;e.
Va sans doute falloir passer compl&#232;tement par DOM, ce qui va faire un code un peu plus long... :-(

[DOM]Conserver une valeur après ajout d'un child

2 réponses

Votre réponse

Discussions similaires