将字段文本添加到<p> after.change() 与 jquery</p>
[英]add field text to the <p> after .change() with jquery
问题描述
我是 jquery 的新手。 我想要做的是每次用户使用“输入更改为：”等语法更改输入字段时更改“p”值，然后更改输入字段中的值。 我的代码不起作用。 任何人都可以向我解释为什么？
<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
$("#myinput").change(function() {
var str = $("#myinput").val();
$( "p" ).text(str);
});
});
</script>
</head>
<body>
<input type="text" id="myinput">
<p> Text changed to: </p>
</body>
</html>
2 个解决方案
解决方案1
0 2020-06-17 09:35:08
当文本框改变焦点（即鼠标离开文本框）时，更改事件将运行 function。 要在每次用户键入按钮时运行 function，请尝试keyup事件。
$(document).ready(function(){
$("#myinput").keyup(function() {
var str = $("#myinput").val();
$( "p" ).text(str);
});
});
这是一个工作示例： https://jsfiddle.net/8wra05sy/
解决方案2
0 已采纳
好的，解决方案很简单。 我应该使用.append() function 而不是.text()。
jQuery - jquery自动完成选择事件后文本字段值更改
[英]jQuery - text field value change after jquery auto complete select event
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.