Отправка данных в бэкэнд submit () не является функцией

Question

Я пытаюсь отправить бэкэнд значение этого вопроса с множественным выбором, но я не понимаю, почему я получаю ошибку типа

document.getElementById(...).submit is not a function

Я дважды проверил, что больше ничего не было с именем «submit» (у многих людей была эта ошибка)

Я пробовал делать как здесь , но получаю:

createlist:19 Uncaught TypeError: data.submit is not a function
    at sendGenre (createlist:19)
    at HTMLInputElement.onclick (createlist:59)

Мой код:

function sendGenre() {
  data = document.getElementById("genre").value;
  console.log(data);
  data.submit();
}

<div class="bioContainer">
  <form class="adminPlaylistMainForm" id="genreForm" method="POST">
    <div class="adminPlaylistGenre">
      <p>From what genre do you want to select the music ?</p>
      <select class="adminPlaylistGenreButton" id="genre">
        <option value="all">All</option>
        <option value="jazz">Jazz</option>
        <option value="punk">Punk</option>
        <option value="rock">Rock</option>
      </select>
      <p><input type="button" onclick="sendGenre();" value="Submit form" /></p>
    </div>
  </form>
</div>

Вы хоть представляете, в чем проблема?

Answer 1

Вы берете элемент select вместо form.

Измените код JS внутри скрипта на следующий: -

<script>
  function sendGenre() {
    let data = document.getElementById("genre").value;
    let form = document.getElementById("genreForm")
    console.log(data);
   form.submit();
  }
</script>