GetElementById null

Version imprimable

GetElementById null

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>» 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;";

11/07/2011, 19h14
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 ?

:merci:
11/07/2011, 19h42
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 :aie:

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

Merci de votre attention sur mon probléme :)

j'ai ce petit formulaire dans mon index:

Code:

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:

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:

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>";

11/07/2011, 21h21
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"
11/07/2011, 21h31
RomainVALERI

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

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 :aie: