sélectionnez la valeur déroulante pointant toujours vers 0 index

J'écris un code JavaScript simple pour récupérer la valeur de l'élément sélectionné, il pointe toujours sur 0 index et me donne la première valeur.sélectionnez la valeur déroulante pointant toujours vers 0 index

Code HTML

<html> 
    <head> 
    <title>Simple Extension</title> 
    </head> 
    <body> 
     Select a web page 
     <select id="mySelect"> 
      <option value="uc4_scriptGuide">UC4 Script Guide</option> 
      <option value="uc4_docu">UC4 Documentation</option> 
      <option value="allSec">Pay Role</option> 
      <option value="myte">Time Sheets</option> 
     </select> 
     <button type="button" id="myBtn">Go There</button> 
    <script src="background.js"></script> 
    </body> 
</html>

code JavaScript

document.getElementById("myBtn").addEventListener("click", myFunction()); 

function myFunction() { 
    var item = document.getElementById("mySelect").selectedIndex; 
    console.log(document.getElementsByTagName("option")[item].value); 
}

La sortie est toujours uc4_scriptGuide à savoir la première valeur.

Source

2017-10-11 Bharath Kumar Reddy

erreur est bien avec cette ligne

document.getElementById("myBtn").addEventListener("click", myFunction());

le remplacer par la ligne ci-dessous.

document.getElementById("myBtn").addEventListener("click", myFunction);

la référence devrait me dit de fonction écouteur d'événement, mais vous appelez à partir de là.

Source

2017-10-11 14:09:57 Gautam

Merci, fonctionne comme charme ... –

sélectionnez la valeur déroulante pointant toujours vers 0 index

Répondre

Questions connexes