Envoi et récupération de données

Bonjour,
je voudrais envoyer des données via un formulaire :

Code:

1
2
3
4
5
6
7
8
<form method="post" action="";>
<select name="value" size="3">
<option value="20">20%</option>
<option value="10">10%</option>
<option value="5">5,5%</option>
</select>
<input type="submit" value="ok" onclick="tva()" />
</form>

et voici mon script pour envoyer la sélection et afficher le résultat :

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
25
26
27
28
29
30
31
32
33
34
35
36
<script>
function getXMLHttpRequest() {
    var xhr = null;
 
    if (window.XMLHttpRequest || window.ActiveXObject) {
        if (window.ActiveXObject) {
            try {
                xhr = new ActiveXObject("Msxml2.XMLHTTP");
            } catch(e) {
                xhr = new ActiveXObject("Microsoft.XMLHTTP");
            }
        } else {
                        xhr = new XMLHttpRequest();
                    }
    } else {
        alert("Votre navigateur ne supporte pas l'objet XMLHTTPRequest...");
        return null;
    }
 
    return xhr;
}
 
 
var value = document.getElementById('value');
function tva()      
{      
 
 
       $.post('traitementtva.php',                // AJAX : On appelle un script php      
   {value: value},          // Passage de la variable en paramètre      
           function(data){       
     $('#tvaretour').html(data);               // On ajoute le résultat de se script dans la balise qui a pour id "conteneur".    
 });      
   }
 
</script>

et ma page traitementtva.php :

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
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
<?php
if (isset($_POST['value'])){
switch ($_POST['value']) {
        
    case "20":
      $prixhorstaxes = 21 / 1.2 ;
      $tva = 21 - $prixhorstaxes;
          echo "Prix TTC : 21 euros"; echo'</br>';
      echo "Prix HT : $prixhorstaxes"; echo'</br>';
      echo "TVA : $tva"; 
        break;
                
    case "10":
      $prixhorstaxes = 21 / 1.1 ;
      $tva = 21 - $prixhorstaxes;
          echo "Prix TTC : 21 euros"; echo'</br>';
      echo "Prix HT : $prixhorstaxes"; echo'</br>';
      echo "TVA : $tva";
        break;
                
    case "5":
      $prixhorstaxes = 21 / 1.055 ;
      $tva = 21 - $prixhorstaxes;
          echo "Prix TTC : 21 euros"; echo'</br>';
      echo "Prix HT : $prixhorstaxes"; echo'</br>';
      echo "TVA : $tva";
        break;
}
}
else {
              $prixhorstaxes = 21 / 1.2 ;
      $tva = 21 - $prixhorstaxes;
          echo "Prix TTC : 21 euros"; echo'</br>';
      echo "Prix HT : $prixhorstaxes"; echo'</br>';
      echo "TVA : $tva";
}
 
 
?>

je ne comprend pas pourquoi mon résultat ne s'affiche pas dans la balise :

Code:

<div name="tvaretour" id="tvaretour"></div>

je n'ai aucun message d'erreur si quelqu'un a une solution.

merci.