как изменить значение на входе, используя jquery?

Question

У меня есть ввод со значением, которое все еще неактивно, когда вы нажимаете кнопку карандаша, значение может быть изменено в соответствии с вводом, как мне это сделать? и при вводе новые значения автоматически сохраняются

это мой html (нажмите карандаш и введите)

<span id="changeTitle" style="cursor:pointer;">
  <i class="fa fa-pencil"></i>&nbsp;&nbsp;
</span>
<input type="text" name="title" value="Love at The First Sight" id="sectionTitle" class="input-title">

и это мой jquery

$('#changeTitle').on('click', function(){
   var newText = $("input[name='title']").val();
   $('#sectionTitle').text(newText);
});

Answer 1

Здесь sectionTitle на самом деле является текстовым полем input и, как указано в документах :

Метод .text() не может быть используется для ввода данных или сценариев. Чтобы установить или получить текстовое значение элементов input или textarea, используйте метод .val().

Таким образом, вместо использования $('#sectionTitle').text(newText); вы можете использовать:

$('#sectionTitle').val(newText);

Answer 2

Вы можете использовать .val() метод вместо .text():

$('#changeTitle').on('click', function(){
   var newText = $("input[name='title']").val();
   $('#sectionTitle').val(newText);
});