Formulario dinamico

[noemdq]

Buenos dias!! antes que nada quiero aclarar que soy nueva en este mundillo, y estoy espero puedan darme una mano. Estoy intentado hacer un formulario que mediante un select de diferentes opciones me traiga mas campos para rellenar segun la opcion que elija. Esto mismo ademas se enviaria por mail con la informacion.

Lo que tengo es algo asi:

Código Javascript:

function mostrar(){
        if (document.opciones.seguros.value == "nada"){
            xDisplay('form_auto', 'none')
            xDisplay('form_hogar','none')
        }
        if (document.opciones.seguros.value == "auto"){
            xDisplay('form_auto','block')
            xDisplay('form_hogar','none')
 
        } 
       if (document.opciones.seguros.value == "hogar"){
            xDisplay('form_auto','none')
            xDisplay('form_hogar','block')
          }
}
 

y luego tengo esto:

Código HTML:

<div name="opciones">
     <select size="1" name="seguros" onchange="mostrar()">
         <opcion value="nada"></opcion>
         <opcion value="auto">Auto</opcion>
         <opcion value="hogar">Hogar</opcion
    </select>
 
 
 
    <div id="form_auto">
    <form  action="auto.php" method="post">
        Campos a rellenar.......
        <button type="submit">Enviar</button>
    </form>
    </div>
    <div id="form_hogar">
    <form  action="hogar.php" method="post">
         Campos a rellenar.......
        <button type="submit">Enviar</button>
    </form>
    </div>
</div>
 

Lo que sucede es que no me funciona el formulario dinamico, hay algo que me este faltando ?

[caricatos]

Hola:

xDisplay no sabemos que hace... de todos modos la selección: document.opciones.seguros.value == "nada" debe fallar porque opciones es el atributo name de un div, que en principio no vale. Otra cosa es que tienes un select sin formulario... parece que das palos de ciego

Puedes empezar por un tuto: El abc de los formularios

Saludos

[Fernand0]

No podes acceder a un elemento HTML a traves del attribute name, A MENOS que este dentro de un formulario...

Ej.:

Código HTML:

<form name="f1">
<input name="i1" value="INPUT"/>
<div id="d1" name="d1"></div>
</form>
 

Código Javascript:

alert(document.forms.f1.nodeName); // funciona
alert(document.forms.f1.i1.value); // funciona
alert(document.forms.f1.d1.nodeName); // esto no funciona, la etiqueta DIV no es una etiqueta propia de los formularios
alert(document.getElementById("d1").nodeName); // esto si funciona, pero porque tiene el attribute "id" en la etiqueta DIV
 

Yo desaconsejo totalmente el acceso a elementos a traves del attribute "name" en formularios, o sea: document.forms.f1, no, es mala practica para mi. (opinion, cada uno hace lo que quiere)

Igual estas yendo un poco rapido, te diria que aminores la marcha y leas/hagas un par de ejercicios mas basicos. Visita w3schools. Ahi tenes informacion basica y ejercicios.