將字段文本添加到<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.