Un select que saque un div o otro

[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