Question

我有一个隐藏的部分("secundaria")，我想从js的部分中显示出来。该部分及其css是：

<section id="secundaria">
    <!--Formulario 2-->
        <h3>Nuevo pedido</h3>

         <form id="formulario_secundario">
                Nombre:
                <input type="text" name="Nombre" value="" />
                <br/>
                Fecha de cierre:
                <input type="text" name="Fecha_cierre" value="" />
                <br/>
                <input type="submit" value="Aceptar" name="aceptar" onclick="validar_rellenar(this.form)" />
                <br/>
                <input type="submit" value="Cancelar" name="cancelar">
            </form>

        </section>

它的css：

section#secundaria{
    visibility:hidden;
}

我想用这个函数从这个表单中显示它：

<form id="nuevo_form">
    Envio:
    <input type="text" name="envio" value="" />
    <br/>
    <input type="submit" id="nuevo" value="" onclick = "nuevo_formulario()">
</form>

<script>
    function nuevo_formulario(){
        console.log(document.getElementById("secundaria").style.visibility);
        document.getElementById("secundaria").style.visibility = "visible";
        console.log(document.getElementById("secundaria").style.visibility);
        document.getElementById("nuevo_form").reset();
    }
</script>

这是课堂上的，所以我的老师想要将功能和部分放在另一部分和外面的表格中。感谢。

Answer 1

您的代码运行正常。问题是类型input的{{1}}将隐式发送表单，导致页面重新加载。更改为submit，一切正常。

type="button"

function nuevo_formulario() {
  console.log(document.getElementById("secundaria").style.visibility);
  document.getElementById("secundaria").style.visibility = "visible";
  console.log(document.getElementById("secundaria").style.visibility);
  document.getElementById("nuevo_form").reset();
}

#secundaria {
  visibility: hidden;
}

Answer 2

检查这个小提琴：https://jsfiddle.net/zjwon1sy/

只需更改输入input type="button"

即可

我无法在html中显示部分

2 个答案: