点击

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，并且因为错误的所有行都没有被执行。