Test Foro de elhacker.net SMF 2.1

Programación => Desarrollo Web => Mensaje iniciado por: the_sheriff_pino en 27 Mayo 2013, 12:19 PM

Título: Botón que muestre y oculte un select
Publicado por: the_sheriff_pino en 27 Mayo 2013, 12:19 PM
Saludos amigos!
Estoy buscando la forma de hacer un botón que al clicarlo me muestre un select y pueda elegir un valor de este.
La cuestión es un formulario que muestra los datos de un cliente, y que cuando muestre la provincia por ejemplo en un input/text/disabled; que si quiere cambiarla, que pique en el botón que quiero crear y se le muestre un select con todas las provincias, y así poder elegir una nueva.

Muchísimas gracias por su atención y estoy a la espera de sus respuestas!
Título: Re: Botón que muestre y oculte un select
Publicado por: BlackM4ster en 27 Mayo 2013, 13:53 PM
Eso se hace con javascript. Voy a programarme algún ejemplo y cuando lo acabe, te lo paso  :P
Título: Re: Botón que muestre y oculte un select
Publicado por: BlackM4ster en 27 Mayo 2013, 14:15 PM
Aquí tienes:

Código (javascript) [Seleccionar]
<script type="text/javascript">

function ver(id){
if(document.getElementById(id).style.display=="none"){
document.getElementById(id).style.display="block";
}}

function ocultar(id){
if(document.getElementById(id).style.display=="block"){
document.getElementById(id).style.display="none";
}}

function cambio(id){
if(document.getElementById(id).style.display=="none"){
document.getElementById(id).style.display="block";
} else{
document.getElementById(id).style.display="none";
}}

</script>

Código (html4strict) [Seleccionar]
<a href="#" onclick="ver('select1')">Ver</a><br>
<a href="#" onclick="ocultar('select1')">Ocultar</a><br>
<a href="#" onclick="cambio('select1')">Ver / Ocultar</a><br><br>

<select id="select1" style="display:none">
<option>Hola</option>
<option>Etc</option>
</select>


Puedes ver un ejemplo en: http://gomorria.webcindario.com/select.php