<textarea id='txedit'></textarea>
<button id='btnload'>LOAD</button>
$('#btnload').on('click', function(){
$('#txedit').load('test.php');
});
在 txedit 中输入任何内容之前，上面的代码有效，即 test.php 被加载到 txedit 中。
在 txedit 中输入一个字母后 - 单击 btnload 不会加载 test.php。
最佳答案
这是因为 <textarea> 的独特属性元素。当您将内容放在标签之间时，如下所示:
<textarea> I'm in the middle! </textarea>
...该文本用作“默认”占位符文本，一旦用户开始输入，它就不再使用，即使您动态更改它。当您调用 $('#txedit').load() ，JQuery 没有将 AJAX 调用的值作为文本值放入文本区域，而是将其作为默认文本放入标签之间!
您要做的是将 JQuery 加载的结果传递给文本区域的值，如下所示:
<textarea id='txedit'></textarea>
<button id='btnload'>LOAD</button>
<script>
$('#btnload').on('click', function(){
$.get('test.php', function(res){
$('#txedit').val(res);
})
});
</script>
关于javascript - 输入后加载到文本区域内，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/56504720/