如何使用 jquery 更改输入中的值？

Question

I have an input with a value that is still dummy, when you click the pencil button the value can be changed in accordance with the input, how do I do that? and when entered new values are automatically saved

this is my html (click pencil and input)

<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">

and this is my jquery

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

Answer 1

You can use .val() method instead of .text() :

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

Answer 2

Here, sectionTitle is actually an input textbox and as mentioned in the docs :

The .text() method cannot be used on form inputs or scripts. To set or get the text value of input or textarea elements, use the .val() method.

So, instead of using $('#sectionTitle').text(newText); you can use:

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