gpt4 book ai didi

jQuery 不会在操作后更新 textarea

转载 作者:太空宇宙 更新时间:2023-11-04 15:17:36 26 4
gpt4 key购买 nike

嘿,所以我的 HTML 中有一个文本区域,每当我单击列表中的文件名时,它会将文件的内容放在该文本区域中,在文件之间来回单击效果很好。一旦我在文本区域内编辑某些内容然后尝试再次单击文件名,它就不会执行任何操作或不再更新该文本区域。

<!DOCTYPE html>
<html>
<head>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script>

var currentFile;



$(document).ready(function()
{
var request = new XMLHttpRequest();
request.open("GET", "getFiles.php", false);
request.send();
var result = request.responseText;
$("#fileNames").html(request.responseText);
});



$(document).ready(function()
{
$("li").click(function()
{
currentFile = $(this).text();
$("#currentFile").text(currentFile);

var request = new XMLHttpRequest();
request.open("GET", "getFileContents.php?fileName="+currentFile, false);
request.send();
var result = request.responseText;
$("#fileContents").text(result);
});
});



function saveFile()
{
var request = new XMLHttpRequest();
var contents = $("#fileContents").text();
request.open("GET", "saveFile.php?fileName="+currentFile+"&fileContents="+contents, false);
request.send();
}


</script>


<style type="text/css">

ul.fileList li
{
background-color:blue;
}


#fileContents
{
resize: none;
}

</style>


</head>
<body>
<div id="currentFile">No File Selected</div

<br />

<ul id="fileNames" class="fileList">

</ul>

<br />

<textarea id="fileContents" cols="25" rows="5">No Contents</textarea>
<input type="button" onclick="saveFile();" value="Save" />

</body>
</html>

最佳答案

您应该使用 .val() 来获取和设置文本区域中的文本

$("#fileContents").val(result);

var contents = $("#fileContents").val();

关于jQuery 不会在操作后更新 textarea,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13467028/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com