一键更新数据输入

Question

所以基本上我有一个 jsp 文件，它有一个表单和一个 div。这么粗略：

<div style="visibility:hidden;" id="popup">
    //several input
</div>
<form>
    //several input
</form>

在 div 和 form 标签中，字段是相同的（但它们可以有不同的值）。在表单中，我有一个按钮可以做两件事：

1. $.getJSON(url) : 我为不同的输入字段设置了值
2. document.getElementById('popup').visibility = 'visible'

在 div 中，我有一个按钮，我想做两件事：

1. document.getElementById('popup').visibility = 'hidden' : 隐藏弹出窗口

2. 获取 div 中的值并使用这些值更新表单中的输入字段：

   document.getElementById('addressForm').value = document.getElementById('addressPopup').value

//假设我有一个带有这些 id 的地址的输入。

在我的情况下，我有几行类似于上面的一行：

function update(){
   document.getElementById('popup').visibility = 'hidden;
   //setting the address
   //setting the name
   //setting the firstname
   //...
}

我的问题是这个：当我点击按钮时，更新函数被调用了，但奇怪的是，只有 document.getElementById('popup').visibility = 'hidden; 之后的第一行 被执行（在我的例子中，只有地址会被更新）。这是为什么 ？

提前致谢

Answer 1

我发现了我的问题：在其中一行中，我在 getElementById 中使用了错误的 id，因此错误行下面的所有行都没有执行。