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

514

05 июня 2017, 21:56

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. Вам нужно только стилизовать крестик так как будет угодно.