Récupérer le texte selectionné d'une balise select

Version imprimable

Bonjour;
Je veux récupérer le texte selectionné de ma balise select. A chaque fois je n'ai que le texte du premier élément.
Aidez moi svp!
Voici le code HTML

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
 <form name="form">
            <select name="" id="num">
                <script>
                    var txt = "";
                    for(let i=0;i<tabNumeros.length;i++){
                        txt += "<option >"+tabNumeros[i]+"</option>";
                        
                    }
                    document.write(txt);
                    var numCourant = document.getElementById("num").options[document.getElementById("num").selectedIndex].text;
                </script>
            </select>
 
        </form>

Et voici le JS

Code:

1
2
3
var tabNumeros = ["770000001","770000002", "770000003", "770000004","770000005"];
var tabSoldes = ["5000000", "1000000", "200000","3000000", "5000000"];
var tabCodes = ["0001","0002","0003","0004","0005"];

Vous n'avez pas la bonne méthode, le code javascript au milieux de votre html n'est pas du tout la bonne logique, on sépare toujours les deux c'est plus facilement lisible et propre

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
<!DOCTYPE html>
<html>
 <body onload="myFunction()"> 
 
<form>
  <select id="mySelect" size="8">
  </select>
</form>
<br>
 
<script>
 
var tabNumeros = ["770000001","770000002", "770000003", "770000004","770000005"];
var tabSoldes = ["5000000", "1000000", "200000","3000000", "5000000"];
var tabCodes = ["0001","0002","0003","0004","0005"];
 
 
function myFunction() {
  var x = document.getElementById("mySelect");
  
  for(let i=0;i<tabNumeros.length;i++){
        var option = document.createElement("option");
        option.text = tabNumeros[i];
        x.add(option);
  } 
}
</script>
 
</body>
</html>

https://www.w3schools.com/jsref/tryi...ref_select_add

10/05/2021, 20h25
Ansou_NT

Salut Lekno.
Mais jusqu'à présent cela ne permet pas de récupérer le texte de l'élément sélectionné.
11/05/2021, 10h03
NoSmoking

Bonjour,
:faq: Comment récupérer la valeur d'un select ?