将 html 内容添加到隐藏的表单字段答案

【问题标题】：add html content to hidden form field将 html 内容添加到隐藏的表单字段
【发布时间】：2010-03-02 16:10:12
【问题描述】：

是否可以将一大段 html 内容传递给隐藏字段，我将如何做到这一点？

谢谢

乔纳森

【问题讨论】：

【解决方案1】：

是的 - 只需 HTML encode 内容（例如，将“

您没有指定用于填充字段值的语言，因此我无法提供有关如何编码的详细信息。

【讨论】：

OK - 定义讽刺......在我回答这个问题 3 小时后，我收到了一张紧急票，最终是由一个遗留错误引起的，其起源是 - 猜猜它 - 需要 HTML 编码字符串 :)

【解决方案2】：

你可以用 Javascript 做到这一点：

<input type="hidden" id="htmlCodes" />

document.getElementById("htmlCodes").value = "<strong>Hello World</strong>";

只需确保在将值传递到隐藏表单字段时正确转义即可。

【讨论】：

【解决方案3】：

您也可以在处理完里面的内容后“生成”一个隐藏的文本区域。

这可以通过 Jquery 轻松完成：

$('#your_form')
.append('<textarea name="content" class="hidden">' + your_content + '</textarea>');

这里我们假设你有一个“隐藏”类，Bootstrap 有一个，但你也可以使用它：

CSS 代码：

.hidden 
{ 
  display: none !important ; 
  visibility: hidden !important; 
}

【讨论】：