将Javascript变量获取到隐藏输入值的问题答案

【问题标题】：Problem getting Javascript variable to hidden input value将Javascript变量获取到隐藏输入值的问题
【发布时间】：2009-03-04 10:03:51
【问题描述】：

我正在尝试创建一个系统，您可以在其中拖动和调整 div (jquery ui) 的大小，然后将位置和大小保存到 css 文件中。

我已经让系统使用一个 div，但现在我尝试更新系统以支持多个 div，我遇到了一个问题。

来源：http://ezmundorf.110mb.com/problem.txt（这很丑，但我几乎只是在尝试这些东西是如何工作的）。

当我单击#update div 时，页面变为空白，页面的来源只是表单开始标记。该页面正在尝试执行某些操作，因为 Firefox 正在显示加载图形。

如果我删除写入隐藏输入字段的行，我会看到保存按钮，但 javascript 仍然有问题，因为浏览器一直在做某事。

很抱歉在这里发布了这样一个“为我修复此代码”的问题，但如果没有完整的代码，我不知道如何解释它，而且我在任何地方都找不到答案。

【问题讨论】：

【解决方案1】：

你不能在页面加载完成后使用document.write 而不覆盖整个页面，正如你所看到的。

您应该在某些容器上使用.innerHTML，例如：

$('myDiv').innerHTML = '<form>...</form>';

或使用 DOM 方法：

var form = document.createElement('form');
var body = document.getElementsByTagName('body')[0];

body.appendChild('form');

【讨论】：

【解决方案2】：

页面加载完成后，您不能使用 document.write（例如在事件处理程序中，包括 $(document).ready）。相反，您可以使用 jQuery 方法 .html(val) 更改现有元素的内容，或使用其他 jQuery manipulation 方法将新元素插入 DOM。

【讨论】：

谢谢！让它与这个解决方案一起工作，但是 jquery html 函数似乎替换了 div 中的 html，我需要它来添加更多的 html，而不是替换，因为我在循环中使用它。
然后使用 $(theDiv).append(newHTML)。