选择下拉值总是指向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即第一值。

答

明确的错误是这行

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

下面行替换它。

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

功能应参考我提到的事件监听器，但你从那里调用它。

谢谢你，作品像魅力... –

选择下拉值总是指向0索引

相关推荐