ocultar campos de un formulario

[rosabelzd]

Hola amigos de Foros del Web

Tengo una dudita con un formulario. La cuestion es que tengo algunos campos que son fijos para el usuario y en dependencia de la subcathegoria que él seleccione, se deben mostrar otros campos que están mas abajo. Estaba pensando en codigo Javascript pero si tienen otra sugerencia, será aceptada.

Aca les dejo el codigo html del formulario que uso a ver si me pueden ayudar.

Gracias de antemano a todos. Saludos Rosabel

Código:

<form name="insert" onSubmit="return validate(campos)" action="../functions/insert_advert.php" id="insert" method="post" enctype="multipart/form-data">
        <p align="right" style="color:#C00;font-weight:bold;">{$insert_error}{$insert_success}{$insert_empty}</p></br>
        <table width="690" border="0" align="center">
          <tr>
            <td width="144"><small>Subcathegory *</small></td>
            <td colspan="3">
                <select id="subcath" name="subcath">
                    <option selected="selected" value='-1'>-----{$selectSubcath}-----</option>
                 {foreach key=key item=op from=$options}   
                    <option value={$op.id_subcathegory}>{$op.cathegory_name_en} &gt;&gt; {$op.subcathegory_name_en}</option>
                 {/foreach} 
              </select></td>
          </tr>
          <tr>
             <td><label for="title"><small>Title *</small></label></td>
             <td colspan="3"><input name="title" type="text" id="title" size="80" /></td>
          </tr>
          <tr>
            <td><label for="name"><small>Name</small></label></td>
            <td colspan="3"><input name="name" type="text" id="name" size="80" /></td>
          </tr>
          <tr>
            <td><small>Contact Email</small></td>
            <td colspan="3"><input type="text" name="email" id="email" size="45" /></td>
          </tr>
          <tr>
              <td><small>Contact Telephone</small></td>
            <td><input type="text" name="phone" id="phone" size="20" /></td>
            <td><small>Price</small></td>
            <td><input type="text" name="price" id="price" value="" size="10" />
                <select name="money" id="money">
                    <option selected="selected" value="USD">USD</option>
                    <option value="EURO">EURO</option>
                    <option value="CUC">CUC</option> 
                </select>
            </td>
          </tr>
          <tr>
            <td><small>Address</small></td>
            <td colspan="3"><input name="address" type="text" id="address" size="45" /></td>
          </tr>
          <!--auto-->
          <tr>
            <td><small>Make</small></td>
            <td><input type="text" size="" name="make" id="make" /></td>
            <td><small>Model</small></td>
            <td><input type="text" name="model" size="" id="model" /></td>
          </tr>
          <tr>
            <td><small>Year</small></td>
            <td><input type="text" name="year" size="" id="year" /></td>
            <td><small>Milage</small></td>
            <td><input type="text" name="milage" size="" id="milage"/></td>
          </tr>
          <tr>
            <td><small>Transmition</small></td>
            <td><select name="transmition" id="transmition">
                    <option value="4x4" selected="selected">4x4</option>
                    <option value="Front">Front</option>
                </select></td>
            <td><small>Fuel Type</small></td>
            <td><select name="fuel" id="fuel">
                    <option value="Gas" selected="selected">Gas</option>
                    <option value="Diesel">Diesel</option>
                </select></td>
          </tr>
          <!--art-->
          <tr>
            <td><small>What's On</small></td>
            <td colspan="3"><input name="whats" id="whats" type="text" size="" /></td>
          </tr>
          <!--property-->
          <tr>
            <td><small>Dimention</small></td>
            <td colspan="3"><input name="dimention" id="dimention" type="text" size="" /></td>
          </tr>
          <!--accomodation-->
          <tr>
            <td><small>Accomodation Type</small></td>
            <td colspan="3"><input name="acctype" id="acctype" type="text" size="" /></td>
          </tr>
          <!--bar-->
          <tr>
            <td><small>Cusine Type</small></td>
            <td colspan="3"><input name="cusine" id="cusine" type="text" size="" /></td>
          </tr>
          
          
          <tr>
            <td><small>Comment</small></td>
            <td colspan="3"><textarea name="comment" id="comment" cols="60" rows="10"></textarea></td>
          </tr>
          <tr>
            <td><small>Pictures</small></td>
            <td colspan="3"><input name="upload1" id="upload1" type="file" size="30" /></td>
           </tr>
           <tr>
            <td></td>
            <td colspan="3"><input name="upload2" id="upload2" type="file" size="30" /></td>
           </tr>
           <tr>
            <td></td>
            <td colspan="3"><input name="upload3" id="upload3" type="file" size="30" /></td>
           </tr>
           <tr>
            <td><small>Daopay Code</small></td>
            <td colspan="3"><input name="code" id="code" type="text" size="30" /></td>
          </tr>
          <tr>
            <td>&nbsp;</td>
            <td colspan="3">&nbsp;</td>
          </tr>
          <tr>
            <td>&nbsp;</td>
            <td>&nbsp;&nbsp;&nbsp;&nbsp;
            <input name="submit" type="submit" id="submit" value="Insert" />
            &nbsp;&nbsp;&nbsp;&nbsp;<input name="reset" type="reset" id="reset" tabindex="5" value="Reset" /></td>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
          </tr>
        </table>
</form>

[Adler]

Hola

Tendrás que se mucho más especifica y darnos algo por lo que empezar a poder guiarte

Suerte

[rosabelzd]

Gracias Adler por tu rapida respuesta

Te explico lo que quiero lograr.

Yo tengo un select (combobox) para que el usuario seleccione una subcategoria. a partir de lo que 'el seleccione, si es autos o eventos o algo asi, se me muestren los inputs que est'an mas abajo. Ejemplo:

Inicialemnte aparezcan ocultos los inputs "make, model, year, etc." y que solo cuando el usuario seleccione del select la subcategoria de autos se muestren estos que estaban ocultos para esta subcategoria y los campos de las demas subcategorias sigan estando ocultos.

espero que ahora si haberme explicado. :)

gracias

[Adler]

Hola

Mete cada sección en un div oculto. Cada id de esos div pueden ser la misma que el valor de cada opción del select. Desde el select llamas a la función con el evento onchage="funcion(this.options[this.selectedIndex].value);". Por último montas la función para mostrar y ocultar cada div

Suerte