Question

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

我创建了一个执行onchange的函数，该函数应该收集最新的选定值并在警告窗口中显示该值。我使用console.log来查看变量是否已设置。它似乎设置为undefined。弹出窗口确实显示，但它始终显示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
};
*/

如果我的术语已关闭，请抱歉。

非常感谢所有的帮助。

Answer 1

chsfirst ===“AOF”

或者

如果（的document.getElementById（ “GameSeries”）。value.includes（“AOF”））

Answer 2

＆＃13;

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);
};

＆＃13;

<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>

＆＃13;

你已经完成了var chsfirst，你不需要再次使它成为asign值。

Answer 3

如果条件，您正在使用赋值运算符。如果条件，你应该在里面使用Comparison，Logical或Bitwise运算符。

if (chsfirst = 'AOF')应替换为if (chsfirst === 'AOF')

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

3 个答案: