0

Имеется див с contenteditable="true", я его редактирую и с помощью jQuery кладу текст дива в скрытое поле name="name_edit{{ $class->id }}" для дальнейшей передачи на сервер. И это работает, но есть некий баг, происхождение которого не могу установить. При добавление (редактировании) текста в див - значение кладется в скрытое поле, но как только я удалю 2 буквы с помощью Backspace то Input поле исчезает ( в инструментах разработчика смотрю разметку и его нет) и соответственно на сервер отправляется пустота.

Если удаляю одну букву (1нажатие Backspace), то все работает как надо - в инпуте значение меняется на одну удаленную букву.

Помогите пожалуйста разобраться.

HTML

<div class="td border align-middle p-2 name_edit{{ $class->id }}" contenteditable="true">{{ $class->name}}
<input type="hidden" name="name_edit{{ $class->id }}" id="name_edit{{ $class->id }}"  value="{{ $class->name }}">
</div>

jQuery

<script>
     $('div.name_edit{{ $class->id }}').on('keyup',function(e){
         var name_edit = $('div.name_edit{{ $class->id }}').text();
         $('input#name_edit{{ $class->id }}').val(name_edit);
     });
     </script>

1 ответ 1

2

Я думаю, вы просто стираете свой input, который зачем-то находится внутри редактируемого блока. Вынесите его за пределы div

1
  • Как глупо) Спасибо помогло!
    – BorsheC
    13 мар 2019 в 13:22

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.