时间戳

首页 > 解决方案 > 我正在尝试确定变量是否与下拉框中选择的选项匹配。我怎样才能做到这一点？

javascript - 我正在尝试确定变量是否与下拉框中选择的选项匹配。我怎样才能做到这一点？

问题描述

我创建了一个基本的下拉列表。我只是想选择下拉列表中当前显示的值，将其保存在变量中，然后在控制台中打印。最终目标是将该变量与另一个变量进行比较，以确定选择是否正确。

我是新手，所以我假设没有人需要知道我在这里的糟糕尝试......

<div id="Selections">
    <div id="game1">
        <p> Saturday 1:00PM EST   Team 1 vs Team 2 </p>
        <select id="game1Pick">
            <option>Team 1</option>
            <option>Team 2</option>
        </select>
    </div>
</div>

我希望控制台打印我选择的任何内容，但我不断收到错误。

标签： javascriptjqueryhtmldom

解决方案

您需要一个 onchange 函数来检测您选择的值。例子：

<div id="Selections">
    <div id="game1">
        <p> Saturday 1:00PM EST   Team 1 vs Team 2 </p>
        <select id="game1Pick" onchange="myFunction()">
            <option>Team 1</option>
            <option>Team 2</option>
        </select>
    </div>
</div>

<script>
function myFunction() {
  var x = document.getElementById("game1Pick").value;
  console.log('Selected Value is -> ', x);
}
</script>

推荐阅读