Text box not getting reset

Question

I have a text box and I tried to reset it after a button click. But it is not getting reset. HTML Script:-

Answer 1

To reset a form, use

form.reset();

var form = document.querySelector('form');
var button = document.querySelector('button');

button.addEventListener('click', function() {
  form.reset();
})

  

  
    Volvo
    Saab
    Mercedes
    Audi
  

  Reset form

---

To reset a value on e.g. input, use

input.value = '';

var input = document.querySelector('input');
var button = document.querySelector('button');

button.addEventListener('click', function() {
  input.value = '';
})

Reset to none

---

To reset a value on e.g. select, use

select.selectedIndex = 0;    // select first option
select.selectedIndex = -1;   // select none

var select = document.querySelector('select');
var button = document.querySelector('button');

button.addEventListener('click', function() {
  select.selectedIndex = -1;   // select none
})

  Volvo
  Saab
  Mercedes
  Audi



Reset Select to none