Function 从外部脚本隐藏表单字段

Question

我正在使用 web 页面，其中包含使用命令“script src”加载了外部脚本的表单。

我创建了一个 function 来填充 url 参数的一些字段并隐藏其中一些。

这是代码。

<script type="text/javascript">
<!-- Hide Form Field -->
function hideFormField(name) {
    var list = document.getElementsByName(name);
    for (i = 0; i < list.length; i++) {
      list[i].style.display = 'none';
      list[i].style.visible = 'false';
      list[i].type = 'hidden';
    }
}
<!-- Customize form -->
function CustomizeForm()
{
  // Set Field Value
  hideFormField('custom_11');
  hideFormField('custom_12');
  hideFormField('custom_13');
  hideFormField('custom_14'); 
  hideFormField('custom_15');
}
// call it
CustomizeForm();
</script>

这些字段已填充但未隐藏。

当我调试时，表单字段似乎会短暂消失，但随后又会重新出现。

看起来表单正在被刷新。

1. 要隐藏字段，哪个特定命令最好，我应该使用这三个命令？ 我分别尝试过它们，但似乎并没有解决我的问题。

field.style.display = 'none';
field.style.visible = 'false';
field.type = 'hidden';

2. 我应该在哪里调用 function 来隐藏字段？

3. 假设我不控制在我的设计器中准确添加代码的位置（仅在哪个部分：header，正文或页脚），是否有另一种每次都可以使用的替代方法？ 例如，我可以附加到在所有加载和刷新完成后可能被调用的事件（哪个）。

4. 我可以以某种方式调试或跟踪正在发生的事情以及为什么这些字段会重新出现吗？

先感谢您！

Answer 1

它的可见性不可见，请尝试：

list[i].style.visibility = "hidden";