Ajout de champq dynamiquement

Signaler
Messages postés
33
Date d'inscription
lundi 14 mars 2005
Statut
Membre
Dernière intervention
21 novembre 2006
-
Messages postés
13616
Date d'inscription
jeudi 13 février 2003
Statut
Membre
Dernière intervention
15 octobre 2013
-
Salut a tous !!



Je me demandais s'il était possible d'ajouter dynamiquement des champs input ans un formulaire.



J'ajoute déjà des options dans un select, et je voudrais faire la même chose avec des input dans un formulaire!



Quelque chose comme ça est-il possible ?



new Input(nomChamps, typeChamps, valeurChamps)



Merci d'avance.


NoName85


Et que Dieu vous garde, parce que moi j'ai pas le temps !!!

2 réponses

Messages postés
10840
Date d'inscription
lundi 24 février 2003
Statut
Modérateur
Dernière intervention
2 mars 2010
23
Hello,

oui, c'est possible.
Je te copie un extrait d'une fonction que j'ai codé pour un projet :

Bon en fait, je te copie toute la fonction, c'est plus simple que de la découper lol :

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 {


var cont = document.getElementById('cont_quantite['+art_id+']');
nbCont = parseInt (cont.value);
nbCont ++;
cont.value = nbCont;
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+']'));checkChoice (art_id, sk_id); nbCont --; cont.value nbCont;};


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';
valeur.onblur = function () {checkChoice (art_id, sk_id)};


checkChoice (art_id, sk_id);


}
}
Messages postés
13616
Date d'inscription
jeudi 13 février 2003
Statut
Membre
Dernière intervention
15 octobre 2013
33
Bonjour,

2 solutions pour le prix d'une
( comme la mienne est différente de celle de Malalam )
il doit d'ailleurs y en avoir d'autres....

<HTML>
<HEAD>
<TITLE></TITLE>
<script type="text/javascript">
function ajout(nom,typ,con)
{
document.getElementById("frm").innerHTML+="
";
}
</script>
</HEAD>


<form id="frm" name="frm">
text
radio

</form>

</HTML>

Cordialement. Bul. ~ Mon Site qu'il est à Moi ~<FO>

</FO>
</S< body>