javascript - 如何在JavaScript中获取HTML选项值？

您好，感谢您的阅读。我刚刚开始使用JavaScript，正在尝试收集HTML选项值作为变量。

我制作了一个执行onchange的函数，该函数应该收集最新选择的值并在警报窗口中显示该值。我使用console.log查看是否设置了变量。它似乎设置为未定义。确实会出现一个弹出窗口，但它始终显示if语句文本。

我发誓我已经接近解决方案，但是我似乎找不到与我要在线完成的目标相匹配的示例。

的HTML

<form>
    <select id="GameSeries" onchange="choose1()">
      <!-- Default Option -->
      <option value="">Select Game:</option>
      <!-- Art of Fighting-->
      <option value="AOF">Art of Fighting</option>
      <!-- Guilty Gear -->
      <option value="GG">Guilty Gear</option>
      <!-- King of Fighters -->
      <option value="KOF">The King of Fighters</option>
      <!-- Last Blade -->
      <option value="LB">Last Blade</option>
      <!-- Soul Calibur -->
      <option value="SC">Soul Calibur</option>
      <!-- Street Fighter -->
      <option value="SF1">Street Fighter</option>
      <option value="SF2">Street Fighter 2</option>
    </select>

  </form>

JS

//Attempt 2

var chsfirst;

function choose1 () {
    var chsfirst = document.getElementById("GameSeries").value;
  //ar chsfirst = e.options[e.selectedIndex].value;
  if (chsfirst = 'AOF') {
    alert("Art of Fighting"); }
  else if (chsfirst != 'AOF')  {
    alert("Not Art of Fighting"); }
};

console.log(chsfirst);

// Attempt 1
/*
function choose1 () {
  //first option event
  document.getElementById('GameSeries').value;
  if ElementById('GameSeries').value="AOF",
  window.alert("this worked!");
  //second option event
};
*/

对不起，如果我的术语不正确。

真的感谢所有帮助。

最佳答案

var chsfirst;

function choose1 () {
    chsfirst = document.getElementById("GameSeries").value;
  if (chsfirst === 'AOF') {
    alert("Art of Fighting"); }
  else if (chsfirst != 'AOF')  {
    alert("Not Art of Fighting"); }
    console.log(chsfirst);
};

<form>
    <select id="GameSeries" onchange="choose1()">
      <!-- Default Option -->
      <option value="">Select Game:</option>
      <!-- Art of Fighting-->
      <option value="AOF">Art of Fighting</option>
      <!-- Guilty Gear -->
      <option value="GG">Guilty Gear</option>
      <!-- King of Fighters -->
      <option value="KOF">The King of Fighters</option>
      <!-- Last Blade -->
      <option value="LB">Last Blade</option>
      <!-- Soul Calibur -->
      <option value="SC">Soul Calibur</option>
      <!-- Street Fighter -->
      <option value="SF1">Street Fighter</option>
      <option value="SF2">Street Fighter 2</option>
    </select>

  </form>

您已经先创建了var chsfirst；无需再进行赋值只是分配值。