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调用的值作为文本值放入textarea中，而是将其作为默认文本置于标记之间！

您要做的是将JQuery加载的结果传递给textarea的 value ，如下所示：

<textarea id='txedit'></textarea>
<button id='btnload'>LOAD</button>
<script>
$('#btnload').on('click', function(){
    $.get('test.php', function(res){
        $('#txedit').val(res);
    })
});
</script>

键入后加载到文本区域内

1 个答案: