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>