Как сделать напротив текста ввода в input крестик, при нажатии на который контенты бы сразу удалялся?

514
05 июня 2017, 21:56

Как сделать напротив текста ввода в input крестик, при нажатии на который контенты бы сразу удалялся?

Answer 1

Сделать это очень просто:

$(document).ready(function(){ 
  $('.group>label').on('click', function(){ 
    $(this).next().val(''); 
  }); 
});
label{ 
  margin-right: 5px; 
  cursor: pointer; 
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> 
<div class="group"> 
  <label>x</label> 
  <input type="text" name="test" value="test" /> 
</div>

Не знаю что объяснить в этом коде, просто обрабатываем нажатие клик на label, в котором наш крестик, и убираем текст следующей за ним тега input. Вам нужно только стилизовать крестик так как будет угодно.

READ ALSO
Тач событие по пункту меню

Тач событие по пункту меню

Есть сайт на WordpressСтандартным способом создана меню

301
Помогите переписать код для работы с файлами под работу с string

Помогите переписать код для работы с файлами под работу с string

Есть два метода, которые шифруют и дешифруют текстовые файлы(результат записывая в отдельный файл)Я затрудняюсь переписать эти два метода...

218