Ajout d'un champ texte auto

Error convertoring HTML to XHTML: System.ArgumentException: Invalid name character in 'php

Error convertoring HTML to XHTML: System.ArgumentException: Invalid name character in 'php

Hum désole pour les 1er post, je viens de passer sous ie se sera plus simple lol.
je reprend donc lol:

J'aimerai ajouter automatiquement un champ texte par rapport au choix d'une liste déroulante,
mais je n'arrive pas à récuperer le nom de mon champ dans le code javascript.
[code
 function choix(id){
   for(i=1; i<=3; i++) {
     champ+i.style.display =(id.options[id.selectedIndex].value=="valeur1") ? 'block' : 'none';
  }
}
[/code]

Petite précision, le champ texte est crée de la sorte:
 [code]
<?php
for($i=1; $i<=3; $i++) {
  echo '<div id="champ'.$i.'" style="display:none;"> La zone '.$i.' : <input type="text" value="champ'.$i.'"></div>'; }
?>
[/code]

Bonjour,

>>J'aimerai ajouter automatiquement un champ texte par rapport au choix d'une liste déroulante,
pas tout compris alors !
car : for(i=1; i<=3; i++) {     champ+i.style.display  ...
ça ne ferait que jouer avec l'affichage d'on ne sait quoi d'ailleurs !

>>...echo '<div id="champ'.$i.'" style="display:none;">
>>      La zone '.$i.' : <input type="text" value="champ'.$i.'"></div>';....
concrètement ça donne :
<div id="champ1" style="display:none;"> La zone 1 : <input type="text" value="champ1"></div>
<div id="champ2" style="display:none;"> La zone 2 : <input type="text" value="champ2"></div>
<div id="champ3" style="display:none;"> La zone 3 : <input type="text" value="champ3"></div>

donc tu peux adresser les div ( document.getElementById("champ1" ou "champ2" ou "champ3") )
mais pas les input texte ( pas d'id, ou pas de name + pas dans un form ! ), enfin, pas simplement


Cordialement [mon Site] [M'écrire] Bul

Le code fonctionne bien avec:
[code]
function choix(id){
  champ1.style.display = (id.options[id.selectedIndex].value=="valeur1") ? 'block' : 'none';
  champ2.style.display = (id.options[id.selectedIndex].value=="valeur2") ? 'block' : 'none';
  champ3.style.display = (id.options[id.selectedIndex].value=="valeur3") ? 'block' : 'none';
}

et en html:
<select onChange="choix(this);">
<option></option>
<option value="valeur1">valeur1</option>
<option value="valeur2">valeur2</option>
<option value="valeur3">valeur3</option>
</select>

<div id="champ1" style="display:none;"> La 1ere zone : <input type="text"  value="champ1"></div>
<div id="champ2" style="display:none;"> La 2eme zone : <input type="text"  value="champ2"></div>
<div id="champ3" style="display:none;"> La 3eme zone : <input type="text"  value="champ3"></div>
[/code]

J'aimerai juste simplifier le tout sous forme de tableau, il faut juste que j'arrive a récupérer le nom de l'id de la div avec son numero.

Bonjour,
>>j'aimerai juste simplifier le tout sous forme de tableau,
pas compris
un tableau de quoi ?

>>il faut juste que j'arrive a récupérer le nom de l'id de la div avec son numero.
ça non plus....
quand ?
au onchange, tu as id.selectedIndex qui donne le n° de l'option sélectionnée
tu peux donc en tirer document.getElementById("champ"+(id.selectedIndex))
mais pas sûr de répondre !

Cordialement [mon Site] [M'écrire] Bul

ah... c'était cela ?
j'étais loin de voir ton souci !

m'enfin, ch'tiote remarque :

>> for(i=1; i<=3; i++) {
perso, je ferais un while

var i=1;
while ( document.getElementById("champ"+i) )
{ traitement de document.getElementById("champ"+i)
  i++
}
comme ça c'est indépendant du html
ça fonctionne quel que soit le nombre de div

et... en fait.. plutôt qu'une boucle
je mémoriserais le dernier div affiché
que je cacherais avant d'afficher celui nécessaire
ce qui évite toutes boucles

Oui c'est vrai ca pourrait me simplifier pour le futur.
Petite remarque, du moment que l'on mets un onChange="fonction()" dans un select, il va demarrer la fonction à chaque fois que l'on change l'option du select non?

du coup on ne peut pas faire quelque chose du genre:
[code]
function choix(){
  for(i=0; i<5; i++) {
    if(document.getElementById("select"+i).value=="option") {
     document.getElementById("champ"+i).style.display = 'block';
   }
  }
}
[/code]

Avec bien sur un id dans la div où est situé le select.