选择下拉值，始终指向0索引
选择下拉值，始终指向0索引
提问于 2017-10-11 13:58:48
我正在编写一个简单的JavaScript代码来检索所选项的值，它总是指向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，即第一个值。
回答 1
Stack Overflow用户
回答已采纳
发布于 2017-10-11 14:09:57
这一行有错误。
document.getElementById("myBtn").addEventListener("click", myFunction());用下面的线代替它。
document.getElementById("myBtn").addEventListener("click", myFunction);
应该在事件侦听器上提到函数引用，但是您是从那里调用它的。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/46690145
复制相关文章
相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号