您如何使用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

您可以使用.val()方法代替.text()：

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

Answer 2

sectionTitle实际上是input文本框，如docs中所述：

.text()方法不能在表单输入或脚本上使用。要设置或获取input或textarea元素的文本值，请使用.val()方法。

因此，可以使用：]代替使用$('#sectionTitle').text(newText);。

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