Как сбросить форму через JavaScript - PullRequest
Новая
       26

Как сбросить форму через JavaScript

0 голосов
/ 21 сентября 2019

У меня есть форма, созданная динамически, и я извлек значения формы обратно.

На странице HTML, которую я использовал, <button id='btnRoster' class="rainbow-button">Submit!</button>.

И я использовал javascript eventListner, чтобы получить значения формы.document.getElementById('btnRoster').addEventListener('click',dostuffRoster);

, где dostuffRoster - это функция, которая собирает значения формы.

Но моя проблема в том, что я не могу сбросить значения формы после нажатия кнопки отправки.

Я использовал document.getElementById("#myForm").reset(); для сброса формы, но он ничего не делает.

Вот мой полный код сбора значений формы: - 

 function dostuffRoster()
  {

  google.script.run.withSuccessHandler(getData).loadRoster();
  }

  function getData(dataArray) {

   var userinfoRoster = {};
   userinfoRoster.Shift = [];
   userinfoRoster.Week1 = []; 
   userinfoRoster.Week2 = [];


  for (var i=0; i<dataArray.length;i++) 

  {

  //userinfoRoster.Shift = 

   var radiosS1 = document.getElementById("s-1" + dataArray[i]);
   var radiosS2 = document.getElementById("s-2" + dataArray[i]);
   var radiosS3 = document.getElementById("s-3" + dataArray[i]);
        if (radiosS1.checked == true)
       { userinfoRoster.Shift[i] = "S1"} 
        else if (radiosS2.checked == true)
       { userinfoRoster.Shift[i] = "S2"}
       else if (radiosS3.checked == true)
       { userinfoRoster.Shift[i] = "S3"}
       else {userinfoRoster.Shift[i] = "S1"}
  userinfoRoster.Week1[i] = document.getElementById('w1-'+dataArray[i]).value;
  userinfoRoster.Week2[i] = document.getElementById('w2-'+dataArray[i]).value;

  }

                  google.script.run.userClickedRoster(userinfoRoster);                

document.getElementById("#myForm").reset(); // this does nothing

          }

Как я могу сбросить форму

1 Ответ

1 голос
/ 22 сентября 2019

Проблема:

Нет элемента с id: #myForm

Решение:

Возможно, вы имели в виду myForm.Селекторы CSS должны использоваться с document.querySelector().

Фрагмент: 

document.getElementById("myForm").reset();
...