Как я могу получить значение параметра HTML в JavaScript?

Привет и спасибо за чтение. Я только начинаю работать с JavaScript и пытаюсь собрать значение параметра HTML как переменную.

Я сделал функцию, которая выполняет onchange, которая должна собирать последнее выбранное значение и отображать это значение в окне предупреждения. Я использую console.info, чтобы узнать, установлена ​​ли переменная. Кажется, установлено значение 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.info(chsfirst);

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

Извините, если моя терминология неверна.

Действительно ценю всю помощь.

chsfirst = 'AOF' следует заменить на chsfirst == 'AOF' и использовать закомментированную строку для получения выбранного значения

Tej 06.04.2018 03:03

В дополнение к комментарию @Tej есть еще одна вещь. else if здесь не нужен. Вы можете сделать это так: else { alert("Not Art of Fighting"); }

Kavindra 06.04.2018 03:07

получите линтер jshint.com, он будет надеяться, что вы разберетесь со своими проблемами.

epascarello 06.04.2018 03:08

Спасибо за советы, ребята. Я посмотрю на JShint.

RGB_Muscle 06.04.2018 03:28
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Безумие обратных вызовов в javascript [JS]
Безумие обратных вызовов в javascript [JS]
Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
JavaScript Вопросы с множественным выбором и ответы
JavaScript Вопросы с множественным выбором и ответы
Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...
3
4
217
3
Перейти к ответу Данный вопрос помечен как решенный

Ответы 3

chsfirst === «AOF»

Или же

если (document.getElementById ("GameSeries"). value.includes ("AOF"))

Если это тот ответ, который вы использовали, отметьте его :)

software is fun 06.04.2018 04:01
Ответ принят как подходящий

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.info(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 chs, сначала вам не нужно делать его снова просто asign value.

Вы используете оператор присваивания внутри условия if. Вы должны использовать операторы сравнения, логические или побитовые операторы внутри условия if.

if (chsfirst = 'AOF') следует заменить на if (chsfirst === 'AOF')

Другие вопросы по теме