如何在不使用 JavaScript 或 jQuery 的情况下将 div 的文本绑定到隐藏字段？答案

【问题标题】：How to bind a div's text into the hidden field without using JavaScript or jQuery.?如何在不使用 JavaScript 或 jQuery 的情况下将 div 的文本绑定到隐藏字段？
【发布时间】：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()"

标签： javascript html jquery css dom

【解决方案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>

【讨论】：