javascript - 在选择框中查找选定的值

Question

我正在制作一个涉及选择框的测验应用程序。用户选择一个选项，当他们按下按钮时，它应该通过检查值数组来检查所选选项是否是正确的答案。我不知道如何从选择框中获取所选值。我试图找到有关此的信息，但我只想使用 JS，而不是 JQuery。我尝试使用:

var item = document.getElementById("selections");
var selection = item.options[item.selectedIndex].value;

但我收到类型错误，表示未定义item.selectedIndex。我很困惑，因为根据我的发现， selectedIndex 是选择标签的默认属性？我以前只使用过单选按钮，使用 for 循环并检查每个选项以查看哪些选项被选中，但我不能在这里使用它。我不知道这是否重要，但我在没有表单标签的情况下执行此操作，只是将 js 函数链接到按钮上的事件监听器。任何帮助，将不胜感激。谢谢!

编辑:这是根据请求编写的代码:https://jsfiddle.net/jmf68ycu/

问题所在的部分是在第一行的submit()函数中。

更新:我在网上发现了一些关于 JS 尝试在加载元素之前调用元素的问题，因此我将变量放在函数中，该函数仅在按下按钮时调用。问题仍然存在(同样的错误)。

Answer 1

你这样使用

var item = document.getElementById("selections").value;

您选择值存储项目变量

此代码可供您使用。 :)