时间戳

首页 > 解决方案 > 获取javascript中选定选项的值

javascript - 获取javascript中选定选项的值

问题描述

    function Play() {

    var option = ["Rock", "Paper", "Scissors"];
    var randomOption = option[Math.floor(Math.random()*option.length)];
    console.log(randomOption)

     var UserOption = document.getElementById('UserSelect');
     console.log(UserOption);
    
    }

    Play();
        <div class="form-group">
            <select class="form-control" id="UserSelect">
              <option value="1">Rock</option>
              <option value="2">Paper</option>
              <option value="3">Scissors</option>
            </select>
          </div>

我正在尝试将所选选项保存在 UserOption 中。我似乎无法弄清楚我做错了什么。

标签： javascripthtml

解决方案

您只需要获取选择的值，如下所示：

var UserOption  = document.getElementById('UserSelect').value;

然后你可以像这样从选项数组中获取名称：

console.log(options[UserOption-1])

工作片段

function Play() {

var option = ["Rock", "Paper", "Scissors"];
var randomOption = option[Math.floor(Math.random()*option.length)];

 var UserOption = document.getElementById('UserSelect').value;
 console.log("Player:" +option[UserOption-1] + " vs Computer:" + randomOption );

}
<body>
    <div class="form-group">
        <select class="form-control" id="UserSelect">
          <option value="1">Rock</option>
          <option value="2">Paper</option>
          <option value="3">Scissors</option>
        </select>
      </div>
<button class="play" onclick="Play();">Play</button>
</body>

推荐阅读