Actualiser une variable php

Version imprimable

Bonjour ,

j'ai ce code HTML :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
 
 
<div align="center">
 
<form action="test.php" method="post">
 
<select id="tx"  name="tx" onChange="f1();">
 
<option selected disabled>  item  </option>
 
<option> a  </option>
 
<option> b  </option>
 
<option> c  </option>
 
</select>
 
</form>
 
</div>

j'aimerais que le choix de l'utilisateur soit passer dans une function js puis envoyer par php pour cela j'ai utiliser Ajax , mais je ne sais pas comment actualiser la variable

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
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
 
 
<script>
 
 
function f1(){
 
 
choix = document.getElementById("tx").value
 
 
 
var xhr = new XMLHttpRequest();
 
 
xhr.onreadystatechange = function() {
    if (xhr.readyState == 4 && (xhr.status == 200 || xhr.status == 0)) {
 
    }
};
 
 
xhr.open("GET", "test.php?slc=" + choix , true);
 
xhr.send(null);
 
 
}
 
 
 
</script>
 
 
 
 
<?php
 
if( isset($_GET["slc"]) ){
 
 
$val = $_GET["slc"] ;
 
 
 
 
}
 
else {
 
 
$val = '' ;
 
}
 
 
echo '<p align="center" > la valeur choisie est : </p>'. $val ;
 
 
 
?>

j'aimerais que à chaque fois que l'utilisateur choisi une option la valeur de celle-ci soit afficher dans le dernier echo

comment faire ?

Merci d'avance

Salut,

Tes options n'ont pas de value, donc ca ne peut pas marcher.
Sinon, pourquoi passer par PHP et Ajax plutôt que d'afficher la valeur directement en JS ? Tu peut faire un truc du style :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
 
<div align="center">
  <form action="test.php" method="post">
    <select id="tx"  name="tx" onChange="f1()">
      <option selected disabled>  item  </option>
      <option value="a"> a  </option>
      <option value="b"> b  </option>
      <option value="c"> c  </option>
    </select>
  </form>
  <div id="afficheChoix"></div>
</div>

Et côté JS :

Code:

1
2
3
4
5
6
7
8
 
<script>
  function f1()
  {
    var choix = document.getElementById("tx").value;
    document.getElementById("afficheChoix").innerHTML = '<p align="center" > la valeur choisie est : </p>' + choix;
  }
</script>

28/07/2017, 22h36
amine2208

si ça marche en faite je ne veux pas que ça soit afficher je veux la passer dans une variable php , le soucis c'est que ça s'actualise pas :/

essaie ca

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
 
<!doctype html>
<html>
    <head>
        <meta charset="utf-8"/>
    </head>
    <body>
        <div align="center">
            <form action="test.php?slc=" id="form" method="post">
                <select id="tx"  name="tx" onChange="f1();">
                    <option selected disabled>  item  </option>
                    <option value="a"> a  </option>
                    <option value="b"> b  </option>
                    <option value="c"> c  </option>
                </select>
            </form>
        </div>
        <script>
            function f1(){
                var tx = document.getElementById("tx")
                var choix = tx.options[tx.selectedIndex].value
                var form = document.getElementById("form")
                form.action += choix
                form.submit()
            }
        </script>
    </body>
</html>

et ca le fichier test.php

Code:

1
2
3
4
5
6
7
8
9
10
 
<?php
if(isset($_GET["slc"]) ){
    $val = $_GET["slc"] ;
}
else{
    $val = '' ;
}
echo '<p align="center" > la valeur choisie est : ' . $val . '</p>' ;
?>