Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/413.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何使用jquery更改输入中的值?_Javascript_Jquery_Dom - Fatal编程技术网

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

Javascript 如何使用jquery更改输入中的值?,javascript,jquery,dom,Javascript,Jquery,Dom,我有一个输入值仍然是虚拟的,当你点击铅笔按钮时,该值可以根据输入值进行更改,我该怎么做? 当输入新值时,将自动保存新值 这是我的html点击铅笔和输入 <span id="changeTitle" style="cursor:pointer;"> <i class="fa fa-pencil"></i>&nbsp;&nbsp; </span> <input type="text" name="title" value="L

我有一个输入值仍然是虚拟的,当你点击铅笔按钮时,该值可以根据输入值进行更改,我该怎么做? 当输入新值时,将自动保存新值

这是我的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">
您可以使用.val方法代替.text:

这里,sectionTitle实际上是一个输入文本框,如中所述:

.text方法不能用于表单输入或脚本。要设置或获取输入或textarea元素的文本值,请使用.val方法

因此,不要使用$'sectionTitle'.textnewText;您可以使用:

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

将事件从“单击”更改为“更改”?您仅使用以前的值更新输入值。因此,即使使用val而不是文本,也可能不会注意到任何错误change@matpol对
$('#changeTitle').on('click', function(){
   var newText = $("input[name='title']").val();
   $('#sectionTitle').val(newText);
});
$('#sectionTitle').val(newText);