Discussion :

[kloyatweb]

bonjour,

J'ai un formulaire qui est généré en ajax suivant une base de donnée et qui génère un code type :

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
<form>
<input type="text" name="test[]"/> X fois
</form>

J'arrive bien a récupere le tableau derrière en php sans soucis.. Aujourd'hui, j'ai besoin de pouvoir faire une concaténation de tous ces champs en javascript avant un envois sur un evenement onChange:

j'ai tenté la syntaxe suivante :

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
<script language="javascript">
function concat () {
    var concatval='';
var tabval=document.getElementsByName('test');
for (vari=0; i<tabval.length;i++) {
    concatval=concatval+tabval[i].value;
}
alert(concatval);
}
</script>
<form>
<input type="text" name="test[]" onChange="concat()" />
</form>

et il ne m'affiche rien dans mon alert... comment puis-je recuperer toutes les valeures des champs avec un name="test[]" en javascript ?

Merci d'avance...

[Bovino]

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

for (vari=0; i<tabval.length;i++)

Un seul espace vous manque et tout est erroné...

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

for (var i=0; i<tabval.length;i++)

[SpaceFrog]

EN fait c'est surtout que pour js les [] dans le name sont des caractères comme les autres et ne sont pas générateur de collection ou d'array comme en php

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

var tabval=document.getElementsByName('test[]');

[kloyatweb]

j'ai finalement fait autrement hier soir et ca a marché, je testerais vos solutions aujourd'hui, mais voici comment j'ai fini par faire...

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
 
function concat() {
var valeurs='';
var form = document.forms.formulaire;
for (var i=0 ; i<= form.length-1 ; i++){
 if ((form[i].name=='test[]') && (form[i].value.length>0)) 
{valeurs=valeurs+form[i].value+'|';}
}
alert(valeurs);
}

Je sais que ce n'est aps aussi propre, mais au moins j'ai une solution fonctionnelle si je n'arrive pas a me servir de getElementsByName

Merci

[SpaceFrog]

oui ou pourquoi faire compliqué quand on peut faire simple

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

var tabval=document.getElementsByName('test[]');

te retourne directement la collection voulue ...