[AJAX] Affichage choix d'un <select>

Version imprimable

Bonjour à tous, j'avais deja poster un sujet précedement mais j'ai préférer modifier mon code je n'y arrivai pas autrement et j'ai tener d'apprendre quelque base en ajax.

Je souhaite afficher le choix d'un select dans une div mais je n'y arrive pas.

Voici ma liste déroulante :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
 
<select onchange="retourcommercial()" name='lcommercial' id='lcommercial' >
<option selected="selected" value="Choisissez">Choisissez</option>
<?php
 
 
$requetecommercial= "select distinct ma_comvisu from ma_magasins";
$rescommercial = mssql_query($requetecommercial);
 
 
 
while($valcommercial=mssql_fetch_array($rescommercial)) {
        
        echo "<option value=".$valcommercial["ma_comvisu"]." >".$valcommercial["ma_comvisu"]."</option>";
}
        
 
 
echo"<option>Tous</option>";
echo"</select>";
 
 
echo '</TD>';
 ?>

Je souhaite afficher le choix de ma liste déroulante ici :

Code:

1
2
3
4
5
6
 
<TBODY id="xmlhttp">
<?php
 
?>
</TBODY>

Voici mon fichier ajax.js

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
 
 function retourcommercial()
 {
 
  get_Xhr();
  xhr.onreadystatechange = function()
   {
    if(xhr.readyState == 4 && xhr.status == 200)
     {
 
      document.getElementById('xmlhttp').innerHTML = xhr.responseText;
 
     }
   }
 
  xhr.open("POST",'valeurslistes/sauvcommercial.php',true);
  xhr.setRequestHeader('Content-Type','x-www-form-urlencoded');
 
  commercial = document.getElementById('lcommercial').options[document.getElementById('lcommercial').selectedIndex].value;
 
  xhr.send("typecommercial="+commercial);
 
 }

Et enfin mon sauvcommercial.php

Code:

1
2
3
4
5
6
7
8
 
<?php
echo '<TR>';
echo '<TD>';
echo $_POST['typecommercial'];
echo '</TD>';
echo '</TR>';
?>

Cela m'affiche une cellule vide dans mon TBODY, encore novice en Ajax je ne comprend pas pourquoi.

Merci de votre aide :)

20/01/2010, 11h54
E.Bzz

Bonjour,
tout d'abord, tu ne peux pas afficher de valeur directement entre <tbody> et </tbody> : chaque valeur doit être dans une cellule (<td></td>) : c'est un problème HTML ...
De même je ne suis pas sûr que l'ajout de lignes via innerHTML comme tu le fais fonctionne dans tous les cas.

Aussi, ta fonction Ajax ne doit renvoyer que la valeur (sans les bouts de structure de <table>).

En donnant, au TD qui doit recevoir la valeur renvoyée par Ajax, un id="xmlhttp", ton passage

Code:

document.getElementById('xmlhttp').innerHTML = xhr.responseText;

devrait fonctionner ;)

A+
20/01/2010, 12h22
maximation
Je ne comprend pas puisque ma variable à afficher ici est bien entourée de <TD></TD> :?
Code:

1 2 3 4 5 6 7 8 <?php echo '<TR>'; echo '<TD>'; echo $_POST['typecommercial']; echo '</TD>'; echo '</TR>'; ?>
20/01/2010, 12h29
E.Bzz

Relis et essaye ;)

A+
20/01/2010, 14h46
maximation

J'ai beau chercher ne comprend pas ce que tu veux dire. :?

je vais essayer et re-essayer ! J'y arriverais ! :)

Code:

1 2 3 <TBODY> <tr><td id="xmlhttp"></td></tr> </TBODY>
avec sauvcommercial.php
Code:

1 2 3 <?php echo $_POST['typecommercial']; ?>
C'est plus clair ?

A+

Totalement clair ! Alors même problème !

J'ai fais quelques test en mettant :
Code:

1 2 3 4 <?php echo 'Test'; ?>
A la place de :
Code:

1 2 3 4 <?php echo $_POST['typecommercial']; ?>
Tester avec ma méthode et la tienne cela marche pour les deux.

Je crois donc que c'est ma variable 'commercial' qui ne prend pas la valeur de ma liste déroulante ici :
Code:

1 2 3 4 5 xhr.open("POST",'valeurslistes/sauvcommercial.php',true); xhr.setRequestHeader('Content-Type','x-www-form-urlencoded'); commercial = document.getElementById('lcommercial').options[document.getElementById('lcommercial').selectedIndex].value xhr.send("typecommercial="+commercial);
Mais je n'en suis pas sur. :koi:

20/01/2010, 15h18
E.Bzz

Citation:

Envoyé par maximation

Mais je n'en suis pas sur.

Que donne un alert() ?

A+
20/01/2010, 15h24
maximation

Alert() donne bien le choix de ma liste déroulante . :?
C'est donc au niveau de l'affichage de ma variable que cela coince ?

Ma ligne

Code:

xhr.send("scommercial" +commercial);

est correct ?

j'ai toujorus pas trouver de solution. :?