Как при клике на обычный div очистить инпут?

Question

[Oslar]

<form  action="#">
  <input id="myform" type="text" name="text" placeholder="Изменить" />
  <input type="submit" value="Ok" placeholder="Изменить" />
</form>

<div  class="butt_edit">Очистить</div>

$('div').click(function(){
    $('#myform').attr('value', '');
});

Везде примеры как очистить с помощью кнопки инпут с type="reset", а вот где на обычный div очищается инпут, не могу найти.

Answer 1

[Александр]

<input id="myinput" name="inputname" value="input value" />
<div onclick="$('#myinput').val('')">Clear  it</div>

Answer 2

[Евгений]

Можно вставить кнопку с reset и стилизовать как надо, а можно на js написать событие при клике на див, чтобы очищал поля

$('div').click(function(){
  $('input[type=text]').each(function(){
    $(this).val('');
  });
  $('form').trigger('reset');
});

Answer 3

[Денис Васильев]

А зачем вам очищать через див? Если кнопка находится за пределами формы, то проще задать id для формы и значение id установить атрибуту `form` для кнопки-сброса формы.
https://codepen.io/corvus-007/pen/dQRdvp

Answer 4

[Павел Корнилов]

Как-то так можно - https://codepen.io/KorniloFF/pen/wQeyzy
Этот вариант очистит все input и textarea в форме, сколько бы их ни было.

Answer 5

[Юпитер Макс]

$('div').click(function(){
    $('input').attr('value', '');
});

Comments

[Oslar]

Юпитер Макс Не работает