javascript - 输入后加载到文本区域内

Question

<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。

Answer 1

这是因为 <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>