Utilisation variable dynamique

Version imprimable

Bonjour, un petit souci avec un bout de code, quand je fais une alerte j'ai une bonne réponse mais quand je déclare dans une variable elle ne passe pas

exemple dans les champs je stock des id des div

Code:

1
2
3
document.getElementById("InPutSupplier"+i).value = "champ1"
document.getElementById(document.getElementById("InPutSupplier"+i).value).style.display = "none"; // ne fonctionne pas 
//a chaud cela fonctionne document.getElementById("champ1").style.display = "none"; // fonctionne

Code:

1
2
3
4
5
6
7
8
9
10
11
12
var ValSupplierNB =document.getElementById("InPutValSupplierNB").value;
for (i=0; i<ValSupplierNB; i++) 
{
	var supplier = document.getElementById("InPutSupplier"+i).value;
	//	alert(document.getElementById("InPutSupplier"+i).value); // fonction bien // me retourne exemple champ1,  champ2 etc.. 
    //	alert(document.getElementById(supplier).value); // ne fonctionne pas
	if (document.getElementById("InPutSupplier"+i))
	{
		document.getElementById(supplier).style.display = "none"; // ne fonctionne pas 
		document.getElementById(document.getElementById("InPutSupplier"+i).value).style.display = "none"; // ne fonctionne pas 
	}
}

d'avance merci

27/02/2018, 15h36
psychadelic

Code:

// alert(document.getElementById("InPutSupplier"+i).value); // fonction bien // me retourne exemple champ1, champ2 etc..

non, cela commence avec champ0 (zéro)

sinon c'est pas tres heureux de coder des références par des contenus de champs eux même en référence...

tu pourrais utiliser d'autres moyens plus propre comme document.querySelectorAll ou children

exactement #psychadelic, meme si j'ai résolut le problème je suis entrain de tout codé a nouveau c'est mieux, merci

Code:

1
2
3
4
5
6
7
8
9
10
11
12
var ValSupplierNB =document.getElementById("InPutValSupplierNB").value;
for (i=0; i<ValSupplierNB; i++) 
{
	var supplier = document.getElementById("InPutSupplier"+i).value;
	if (document.getElementById(supplier))
	{
		if (document.getElementById("pause").value != 0)
		{
			document.getElementById(supplier).style.display = "block";
		}
	}
}