gpt4 book ai didi

javascript - document.getElementById 未获取新输入的 HTML 文本输入值

转载 作者:行者123 更新时间:2023-12-03 11:57:27 25 4
gpt4 key购买 nike

我使用以下代码。

这个想法是打印名为“PrintThis”的div的内容,其中包含文本输入区域“textarea1”。

问题是 getElementById 只返回随页面加载的字符串;在这种情况下是“蛋糕”。

如果我通过单击并键入页面上的“textarea1”将“cake”更改为“pie”,则 printContents 仍然显示“cake”而不是“pie”。

<html> 
<head> </head>
<script type="text/javascript">

function printFunction(divName) {
var printContents = document.getElementById(divName).innerHTML;
//Now call a script to print (not included)
}
</script>
<body>
<div id="printThis" name="printThis">
<textarea id="textarea1" cols="1" rows="10" style="width:95%!important;" ">cake</textarea>
</div>

<input type="button" value="Print Div" onClick="printFunction('printThis')">
</body></html>

在我的生产版本中,我还使用 AJAX 将文本区域值发布回服务器,因此理论上可以使用页面刷新,尽管这不会运行,但我尝试使用这些选项。

document.location.reload(true);
window.top.location=window.top.location;

生产版本也提供了 jQuery。

最佳答案

首先,您尝试获取 div 的innerHTML,而不是实际的文本区域。其次,不要尝试获取innerHTML,而是尝试使用值。

http://jsfiddle.net/qdymvjz8/

<div id="printThis" name="printThis">
<textarea id="textarea1" cols="1" rows="10">cake</textarea>
</div>
<input type="button" value="PrintDiv" onClick="printFunction('textarea1')">

function printFunction(divName) {
var printContents = document.getElementById(divName).value;
}

关于javascript - document.getElementById 未获取新输入的 HTML 文本输入值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25547038/

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