ドロップダウン値を常に0に設定するインデックス

選択したアイテムの値を取得するための簡単なJavaScriptコードを作成しています。これは常に0インデックスを指していて、私に最初の値を与えています。ドロップダウン値を常に0に設定するインデックス

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>

のJavaScriptコード

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

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

出力は常にuc4_scriptGuideすなわち最初の値です。

出典

2017-10-11 Bharath Kumar Reddy

まあエラー下の行で置き換え、このラインで

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

です。

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

関数のリファレンスは、私は、イベントリスナーに言及しなければならないが、あなたはそこからそれを呼び出しています。

出典

2017-10-11 14:09:57 Gautam

ありがとう、魅力的な作品... –

ドロップダウン値を常に0に設定するインデックス

答えて

関連する問題