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

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

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

我发誓我已经接近一个解决方案了，但我似乎找不到一个与我试图在网上实现的目标相匹配的例子

HTML

对不起，我的术语不适用

非常感谢您的帮助。

chsfirst==“AOF”

或

if（document.getElementById（“GameSeries”）.value.includes（“AOF”））

var优先；
函数选择1（）{
chsfirst=document.getElementById（“GameSeries”）.value；
如果（chsfirst=='AOF'）{
警惕（“战斗的艺术”）；}
否则如果（chsfirst！=“AOF”）{
警惕（“不是战斗的艺术”）；}
console.log（chsfirst）；
};

选择游戏：
格斗艺术
犯罪装备
斗士之王
末叶
刀魂
街头斗士
街头斗士2
您正在if条件中使用赋值运算符。您应该在if条件中使用比较运算符、逻辑运算符或位运算符

if（chsfirst='AOF'）
应替换为
if（chsfirst=='AOF'）
chsfirst='AOF'应更改为chsfirst=='AOF'，并使用注释行获取所选值@Tej注释之外还有一件事。如果这里有

，则不需要

else。你可以这样做
else{alert（“Not Art of Fighting”）；}
get a linter希望你能解决你的问题。谢谢大家的提示。我将研究JShint。如果这是您使用的答案，请勾选：）
<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>

//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
};
*/