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

**Ansou_NT** · 09/05/2021, 17h52

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

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

**Lekno** · 10/05/2021, 14h35

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

Sélectionner tout - Visualiser dans une fenêtre à part

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>