将Javascript变量设为隐藏的输入值时出现问题

Question

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

我已经使系统可以在一个div上工作，但是现在我试图更新系统以支持多个div，我遇到了一个问题。

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

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

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

很抱歉在这里发布这样的“为我修复此代码”问题，但是我不知道如何在没有完整代码的情况下对其进行解释，而且我在任何地方都找不到答案。

Answer 1

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

Answer 2

如您所见，页面加载完成后，您不能使用document.write而不覆盖整个页面。

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

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

或使用DOM方法：

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

body.appendChild('form');