GetElementById null [Résolu]

[lambo89]

Bonjour,

Merci pour votre support ;

mon probléme est le suivant :

j'essaie de recuperer un resultat de recherche et l'affecter directement dans un formulaire,mais j'obtiens toujours l'erreur document.getElementById null.

le fax est affiché dans cette input.

Code :

echo "  <td><input   readonly =\"readonly\"  name=\"source5\" id=\"source5\" value=\"$data->fax  \" ></td>\n";

je souhaite recuperer ce resultat dans un formulaire avec des champs incrementables:

Code :

1
2
3
4
5
6
7
8
9
10
11
12
$(function(){
	$('p#add_field2').click(function(){
		count2 += 1;
		$('#container2').append(
				'<strong>Fax #' + count2 + '</strong><br />' 
				+ '<input id="field2_' + count2 + '" name="fields2[]' + '" type="text" /><br />' );
 
	});
});
 
 
<div id="container2">  			        <p id="add_field2"><span>&raquo; Fax</span></a></p> </div>

j'ai voulu proceder comme ceci mais c'est l'echec:

Code :

1
2
3
 
 
echo"document.getElementById('fields2_1').value=document.getElementById('source5').value;";

[Auteur]

bonjour,

peux-tu poster le code HTML / javascript généré par ce code PHP ?
ensuite tu nous donnes des bouts de codes... Peux-tu nous poster le code dans son contexte ?

[Bovino]

Code :

'<input id="field2_' + count2

Code :

document.getElementById('fields2_1').value

Ca vient probablement du fait que getElementByApproximativeId n'est pas encore implémenté par JavaScript

Au fait, pourquoi mélanges-tu une syntaxe jQuery et une syntaxe JavaScript ?

[lambo89]

Merci de votre attention sur mon probléme

j'ai ce petit formulaire dans mon index:

Code html :

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
 
  <form name="test" method="post" action="" >
     <a>  <label for="name">&raquo;Civilit&eacute;:</label></a>
<div class="spacer"></div>
	    <select name="civilite">
        <option value="Monsieur">Monsieur</option>
        <option value="Madame">Madame</option>
        <option value="Mademoiselle">Mademoiselle</option>
</select> 
	 <div class="spacer"></div>
 
 
 
       <a>  <label for="name">&raquo;Nom:</label></a>
        <input type="text" name="name" id="name" />
 
        <div class="spacer"></div>
 
      <a>   <label for="name">&raquo;Pr&eacute;nom:</label></a>
        <input type="text" name="prenom" id="prenom" /> 
       <div id="container2"><p id="add_field2"><span>&raquo; Fax</span></a></p> </div>
 
   <input id="go" name="btnSubmit" type="submit" value="Enregistrer" class="btn" />

l'ajout des champs a l'aide de ce code dans l 'index:

Code :

1
2
3
4
5
6
7
8
9
$(function(){
	$('p#add_field2').click(function(){
		count2 += 1;
		$('#container2').append(
				'<strong>Fax #' + count2 + '</strong><br />' 
				+ '<input id="field2_' + count2 + '" name="fields2[]' + '" type="text" /><br />' );
 
	});
});

et dans un autre fichier que j ai nommé search.php , je fais une petite recherche dans une base de donnés pour m'affciher le nom , prenom et le fax
qui me retourne ceci:

Code php :

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
 
 
 if($req->rowCount()>0)
  {
 
    while($data = $req->fetch(PDO::FETCH_OBJ))
 
 {
echo "<table width=\"1271\" border=\"1\">";
echo "  <td><input   readonly =\"readonly\"   name=\"source2\" id=\"source2\" value=\" $data->name \" ></td>   \n";
   echo "  <td><input   readonly =\"readonly\"  name=\"source3\" id=\"source3\" value=\" $data->prenom \" ></td>   \n";
   echo "  <td><input   readonly =\"readonly\"  name=\"source5\" id=\"source5\" value=\"$data->fax  \" ></td>\n";
echo" <td> <input type=\"radio\" name=\"duplication\" id=\"duplication1\" value=\"oui\" onclick=\"foncabc();\"></td>\n";
 
echo "</table>";
 }
 
  }

je voulais en cliquant sur le bouton radio le resultat de la recherche remplit directement dans le formulaire alors j'y ajouté ce Js ans le fichier search.php

Code php :

1
2
3
4
5
6
7
8
 
echo "function foncabc(){";
echo "document.getElementById('name').value=document.getElementById('source2').value;";
echo"document.getElementById('prenom').value=document.getElementById('source3').value;";
echo"document.getElementById('field2_1').value=document.getElementById('source5').value;";
echo"}";
 
echo"</script>";

[lambo89]

[QUOTE=Bovino;6116958]

Code :

'<input id="field2_' + count2

Code :

document.getElementById('fields2_1').value

je l ai rectifié j 'ai toujours : " document.getElementById("field2_1") is null"

[RomainVALERI]

Rien dans les extraits que tu as postés jusqu'à maintenant ne nous permet d'établir si ce champ existe ou non

Comme te l'a déjà demandé Auteur, peux-tu s'il te plait éviter de poster ton code source PHP qui ne nous avance pas à grand chose* ? Poste plutôt le code HTML généré par ce code PHP... ^^

* ou alors, si le problème vient de la manière dont ta variable count2 est alimentée coté PHP, c'est un autre souci et ça se passe... sur le forum PHP