动态创建HTML表单

时间:2013-04-12 16:59:50

标签: javascript html forms google-maps

我正在创建一个包含Google地图窗口的网页,它采用JavaScript和HTML格式。我想知道,每次用户点击地图中的新点时,我都能创建一个新的HTML表单吗?我一直在网上寻找并且很难找到任何关于此事的内容,如果有人能指出我正确的方向那将是非常棒的。

每次用户点击地图上的某个点时,它会创建一个航点,我想在页面上弹出几个新表单,以便用户可以输入信息(如名称,描述等等)与他们刚创建的那个航点相关联。我还希望每个表单旁边都有一个按钮,在用户输入航点事故时将其删除。

非常感谢!

1 个答案:

答案 0 :(得分:0)

一种方法是使用div标签来包含表单,然后使用JavaScript在字符串中构建新表单,然后使用新表单更新div的内容(使用.innerHTML属性)。 p>

<div id="divForms"></div>

string newForm = "<input type='text' id='txtName1' />";

document.getElementById("divForms").innerHTML = newForm;