Задать вопрос
partyzanx
@partyzanx
javascript

Как сделать команду удалить содержимое по кнопке delete?


Помогите, пожалуйста.
1. Нужно ввести команду, чтобы при нажатии кнопки delete удалялось содержимое input
2. Если есть опыт, нужно чтобы в конце инпута плавно появлялась кнопка "крестик", которая бы удаляла содержимое
  • Вопрос задан
  • 93 просмотра
Комментировать
Подписаться 1 Простой Комментировать
Решения вопроса 2
@vasiiil
Вставляете в div с классом search крестик с классом clear-input куда угодно, и тогда следующий код должен помочь
$(document).on('click', '.clear-input', function() {
	$(this).closest('.search').find('.input-class').val('');
});

И к инпуту надо добавить класс input-class.
Если див с классом search будет прямым родителем элемента с крестиком, то вместо closest() можно использовать parent()
Ответ написан
2 комментария
2 комментария
rusld
@rusld
API, Blockchain, Go
Вот можете прям это в браузер вставить)
<style>
x-field{
display:inline;
position:relative;
}
x-field .close {
position:absolute;
padding:0 5px;
right:0;
}
</style>
<x-field>
<input type="text" id = "text">
<span class="close" onclick="this.previousElementSibling.value = ''">
&times;
</span>
</x-field>
Ответ написан
3 комментария
3 комментария
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
JavaScript разработчик
SummerWeb • Ярославль
от 100 000 до 140 000 ₽
JavaScript разработчик
вАйТи
от 5 000 до 25 000 ₽
Middle JavaScript Developer
AppsTrain.io
от 80 000 до 180 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Необходимо сверстать приложение согласно макету Figma используя React
26 апр. 2024, в 22:22
1500 руб./за проект
Написать модуль подключения матрицы Sony к ПЛИС (Verilog)
26 апр. 2024, в 21:30
15000 руб./за проект
8266 f12 требуется сделать ревью и оптимизировать работу
26 апр. 2024, в 20:42
2000 руб./за проект
Ещё заказы