Estoy usando una página web que contiene un formulario cargado con un script externo usando el comando 'script src'.

Creé una función para completar algunos campos a partir de parámetros de URL y también ocultar algunos de ellos.

Aquí está el código.

 <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>

Los campos se rellenan pero no se ocultan.

Cuando realizo la depuración, los campos del formulario parecen desaparecer brevemente pero luego vuelven a aparecer.

Parece que el formulario se actualiza después.

1. Para ocultar campos, ¿qué comando específico es mejor y debo usar de esos tres? Los probé por separado, pero no pareció resolver mi problema.

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

2. ¿Dónde debo poner la llamada a la función para ocultar campos?

3. Suponiendo que no controlo dónde se agrega exactamente el código en mi diseñador (solo en qué sección: encabezado, cuerpo o pie de página), ¿hay otra alternativa que funcione siempre? Por ejemplo, ¿puedo adjuntar a un evento (cuál) que podría llamarse después de que se haya realizado toda la carga y actualización?

4. ¿Puedo depurar o rastrear de alguna manera lo que está sucediendo y por qué reaparecen los campos?

¡Gracias de antemano!