修改后，使用JQUERY AJAX调用将.txt文件加载到文本区域将无法正常工作

Question

我正在尝试在<textarea>加载.txt文件。

用户使用<select>选择.txt网址。

问题是当文本区域中的文本更改时。

仅当textarea干净时，我的功能才起作用。

你能帮我吗？

提前致谢 ;）

麦克风

HTML

<label for="text-template">Text selector:</label>
<select name="text-template" class="select" id="text-template">
    <option value="test1.txt" selected>test.txt</option>
    <option value="test2.txt" selected>test2.txt</option>
    <option value="test3.txt" selected>test3.txt</option>
                </select>

                <div id="loadtext" class="loadtext" onclick="loadFileAsText()"><i class="fa fa-clipboard"></i>Load Text</div>

<textarea name="corpo" type="text" class="textarea" id="corpo" wrap="hard" placeholder="Insert text" required></textarea>

JQUERY

function loadFileAsText()
{
    alert ($("#text-template").val()),   
    $.ajax({
           url : $("#text-template").val(),
           cache : false,
           async: false,
           ifModified : false,
           dataType: "text",
           success : function (data) {
               $("#corpo").html(data);
           }
       });
}

:)

Answer 1

Textareas不包含HTML。 在textarea元素上调用.html()是无效的，应该会失败（但是jQuery再也没有对其“应”执行的操作给予过多关注...）

改用.val()来设置textarea的值。

Answer 2

文本区域的HTML内容是其默认值。 如果要显示的值是默认值，则以编程方式更改它只会反映在UI中。

使用val()代替。

Answer 3

加

$("#text-template").val("");

在ajax调用之前清除文本区域，并使用val（）而不是html（）来设置值。

我确实注意到，如果键入了某些内容，文本将不会更改，并且在尝试更改文本区域之前先将其清除，然后将其修复。 仅在使用.html（）时会发生这种情况。 如果使用.val（），则甚至不必清除文本区域。