reload czyszczenie inputów js

pytanie zadane 14 grudnia 2022 w JavaScript przez TOWaD Mądrala (6,570 p.)

Czy to jedyny sposób czyszczenia input-ów przy odświeżeniu strony

document.querySelectorAll("input").forEach(element => {
 console.log(element.value='');
})

Ps. 1) Raz działa target.value, a czasami samo value?,

2) Gdzieś chyba widziałem lepszy sposób pobrania wartości input-ów

komentarz 14 grudnia 2022 przez ScriptyChris Mędrzec (190,190 p.)

Przy odświeżaniu strony formularz sam wraca do pierwotnego stanu, więc czemu miałbyś go czyścić akurat wtedy?

komentarz 14 grudnia 2022 przez TOWaD Mądrala (6,570 p.)

A czyli formularz jest potrzebny? Ale jak dodałem tagi form to nic nie dało.

jak chcę wylosować następny wielomian, to muszę wyczyścić formularz.

komentarz 14 grudnia 2022 przez ScriptyChris Mędrzec (190,190 p.)

A wysyłasz w ogóle ten formularz? Jeśli nie lub blokujesz domyślną akcję przeglądarki na wysłanie, to strona się nie powinna odświeżać.

komentarz 14 grudnia 2022 przez TOWaD Mądrala (6,570 p.)

Js tylko, i lokalnie w oknie przeglądarki, to nie ma gdzie wysłać na razie.

komentarz 5 stycznia 2023 przez spamator12 Nałogowiec (28,230 p.)

@TOWaD, zazwyczaj sie chce pamietac inputy i to "mocno", tak ze po wylaczeniu pzregladarki i wlaczeniu jej ponownie, dane sa ladowane z bazy/ciastek/locala. Ale jezeli chodzi Ci o testy, to to co podal @VBService jest ok. Ja zastosowalbym specjalny przycisk do resetowania pol formularza, ale do czasu jego uzycia, apka msuialaby zapamietywac wszystkie pola.

komentarz 5 stycznia 2023 przez TOWaD Mądrala (6,570 p.)

Tak jak podał VBService. Jest ok. Ale dziękuje za ceny komentarz.

Wrzuciłbym stronę, ale musiał bym githuba rozkminić. A bez formatu kompa wirtualnej maszyny się nie opłaca .

Bez JS wygląda tak.

1 odpowiedź

odpowiedź 14 grudnia 2022 przez VBService Ekspert (256,600 p.)
wybrane 14 grudnia 2022 przez TOWaD

Najlepsza

Jeżeli zapiszesz input-y w tagu <form> wystarczy

<button type="reset">Clear</button>

lub

<input type="reset" value="Clear">

[ on-line ]

<form>
  <input>
  <input>
  <input>
  <input value="default value">
  <button type="reset">Clear</button>
</form>

BTW, powyższy przykład zadziała natywnie bez kodu js-a . W pewnym sensie zachodzi tu bardziej ustawienie wartości domyślnych dla danego input-a, ale że w tym przykładzie 3 pierwsze input-y mają domyślnie value="", ustawienie domyślne daje efekt "czyszczenia".

komentarz 14 grudnia 2022 przez TOWaD Mądrala (6,570 p.)

Super dzięki, może mi się przyda, jak podepnę pod guzik punkty. Mam nadzieje, że oto mi chodziło. (bo bez form), A czy "listenery" się wyłączają po refresh strony.

komentarz 14 grudnia 2022 przez VBService Ekspert (256,600 p.)

Zależy jaki masz na myśli refresh. Samo "wyczyszczenie" input-ów nie wyłącza "listener-y", tylko przeładowanie strony (ponowne pobranie kodu strony z serwera i ponowy rendering), czy to np. przez submit, czy window.location.reload(true);