如何在不使用 JavaScript 或 jQuery 的情况下将 div 的文本绑定到隐藏字段？
Posted
技术标签:
【中文标题】如何在不使用 JavaScript 或 jQuery 的情况下将 div 的文本绑定到隐藏字段？【英文标题】：How to bind a div's text into the hidden field without using JavaScript or jQuery.? 【发布时间】：2021-04-25 22:54:38 【问题描述】：我有一个包含一些文本的 div 元素，我想将该文本分配为另一个隐藏类型的输入的值。我不能使用 javascript 或 jQuery 作为多次触发的脚本标签，我想存储该文本。 这是我尝试过的代码。
<div id=DivDefaultValue>Hello</div>
<input type="hidden" id="hdnDefaultValue" name="hdnDefaultValue" value= document.getElementById("#DivDefaultValue").text() />【问题讨论】：
你需要在document.getElementById("#DivDefaultValue").text()周围加上引号
另外，`getElementById("#DivDefaultValue") 中不需要#
@Rojo ，你的意思是这样的。 'document.getElementById("DivDefaultValue').text()'.?
是的，就这样
请注意 text() 不是 Javascript 中的函数。您需要使用.value 或.innerText 或.innerhtml（注意它们不是函数！）。如果你想使用 jQuery，它应该是这样的："$("DivDefaultValue').text()"
【参考方案1】：
所以你不能使用<script> 标签但可以在其他标签中使用Javascript？那么，如何使用事件监听器呢？
<body onload="
let defaultValue = document.getElementById('DivDefaultValue').innerHTML;
document.getElementById('hdnDefaultValue').value = defaultValue;
">
<div id="DivDefaultValue">Hello</div>
<input type="hidden" id="hdnDefaultValue" name="hdnDefaultValue" />
</body>
可以通过以下方式验证：
<script>
setTimeout(() =>
let defaultValue = document.getElementById('hdnDefaultValue');
console.log(defaultValue.value);
, 1000);
</script>
【讨论】：
以上是关于如何在不使用 JavaScript 或 jQuery 的情况下将 div 的文本绑定到隐藏字段？的主要内容，如果未能解决你的问题，请参考以下文章
我们如何在不重新加载页面的情况下使用 javascript/jQuery 更新 URL 或查询字符串？
如何在不传输整个文件的情况下限制使用 JavaScript（或 Java）上传的文件的大小？
如何在不使用 JSON.stringify 或 JSON.parse 的情况下在 javascript 中克隆数组？ [复制]
如何在不重新启动 Web 应用程序的情况下以编程方式使 JavaScript 和 CSS 包无效或刷新？