Un select que saque un div o otro

[celarain]

Buenas tardes!

La verdad es que ando perdidísimo de como hacer esto, he buscado por internet pero no encuentro el ejemplo que quiero.

Mi problema es el siguiente, digamos que tenemos un select como este

Código:

                        
                        <select id="form_tipo" name="tipo">
                            <option value="">-Seleccione-</option>
                            <option value="id">ID</option>
                            <option value="id2">ID2</option>
                            <option value="varchar">Varchar</option>
                            <option value="text">Text</option>
                            <option value="int">Int</option>
                            <option value="date">Date</option>
                            <option value="file">File</option>
                            <option value="image">Image</option>
                            <option value="list">List</option>
                            <option value="maps">Maps</option>
                        </select>

y lo que quiero es que al dar a una opción de ellas, me cargue un div o otro, como podría hacerlo??

A la espera de una sabia respuesta, un saludo y gracias de antemano :)

[Pcfan]

Yo lo haria así:

Código PHP:

<select onchange="cambio_div();" id="form_tipo" name="tipo">
                            <option value="">-Seleccione-</option>
                            <option value="id">ID</option>
                            <option value="id2">ID2</option>
                            <option value="varchar">Varchar</option>
                            <option value="text">Text</option>
                            <option value="int">Int</option>
                            <option value="date">Date</option>
                            <option value="file">File</option>
                            <option value="image">Image</option>
                            <option value="list">List</option>
                            <option value="maps">Maps</option>
                        </select>
 

Y pondria una function en JavaScript donde el parametro lo sacaria del value con un $_GET (ejemplo $_GET['id']) y en un archivo aparte pondria lo que vas a hacer...

Saludos

[alejandromg]

Tal ves es esto lo que quieres

Código HTML:

<style>
  .off {display:none;}
</style>
<select id="form_tipo" name="tipo">
  <option value="">-Seleccione-</option>
  <option value="id">ID</option>
  <option value="id2">ID2</option>
  <option value="varchar">Varchar</option>
  <option value="text">Text</option>
  <option value="int">Int</option>
  <option value="date">Date</option>
  <option value="file">File</option>
  <option value="image">Image</option>
  <option value="list">List</option>
  <option value="maps">Maps</option>
</select>
<div id="dest">
  <div id="id" class="off"></div>
  <div id="id2" class="off"></div>
  <div id="varchar" class="off" ></div>
  <div id="text" class="off"></div>
  <div id="int" class="off"></div>
  <div id="date" class="off"></div>
  <div id="file" class="off"></div>
  <div id="image" class="off"></div>
  <div id="lost" class="off"></div>
  <div id="maps" class="off"></div>
</div>
 

Usando jQuery:

Código Javascript:

$(document).ready(function(){
    $('#form_tipo').change(function() {
      var target = $(this).val();
      $('#dest div').addClass('off');
      $('#dest div#'+ target.toLowerCase()).removeClass('off').text(target);
    });
  });
 

El .text(target) solo funciona para mostrar el que esta funcionando, le eliminas esa última parte y ya tienes lo que quieres...


Saludos

[celarain]

muchas gracias por ambas respuestas las probaré y comentaré a ver que tal :)

[celarain]

@Alejandro estoy usando el código que me has dado y es lo que queria, pero tengo un problema, el código que he puesto en si se repite muchas veces y en vez de id="form_tipo" seria id="form_tipo_<?=$x?>", como puedo hacer ese script para que afecte a todos, o tendria que hacer tantos scripts como registros haya? muchas gracias de nuevo