Al hacer click en botón que aparezca un select

[0le0]

Dentro de un form tengo dos botones y que al hacer click en uno me aparezca un select de manera dinámica y si hago click en el otro se deshabilite el primer botón junto con el select.


Se puede hacer eso o tengo que combinarlo con php o algo así??

[David]

Sí, se hace con Javascript. En el evento onclick del botón cambias el estilo del select a visibility: visible (para que esté oculto visibility: hidden), y para deshabilitar ambos disabled = true (false para habilitar). Si no entiendes bien, puedes buscar en el foro, lo de mostrar/ocultar habilitar/deshabilitar elementos es un tema extensamente tratado.

[_eNGeLs_]

Código:

function select()
{
        document.getElementbyId("tu_select").visibility = "visible";
}
function desabilitar()
{
        document.getElementbyId("tu_select").disabled = true;
        document.getElementbyId("tu_boton_a_desabilitar").disabled = true;
}

Con esas funciones te deberia funcionar, uno para cada boton
El select debe estar ya creado con la propiedad "visibility=hidden"

salu2!

[David]

Hola, _eNGeLs_. No es necesario que respondamos una y otra vez a las mismas cuestiones , principalmente un tema muy tratado.

Aunque, está bien, es decisión de cada uno .

P.S.: La tercera línea de tu código está mal, visible debería ir entre comillas, de lo contrario se considerará una variable.

[_eNGeLs_]

si tienes razon heheh es que como tengo tiempo xD
y el codigo ya lo edite..
salu2

[0le0]

Yo tengo algo así:

Código:

function show_hide() {
if(document.getElementById('check_sh1').checked) {

document.getElementById('select_sh2').style.display = "none";
document.getElementById('select_sh2').style.display = "none";

document.getElementById('select_sh2').disabled = true;
} else {

document.getElementById('select_sh2').style.display = "block";
document.getElementById('select_sh2').disabled = false;
}

El none es para que no lo muestre y block lo contrario, pero ahora me surgió otra duda:

Si yo quiero que al cargar la página no muestre el select del botón que se muestra cuando hago click en el botón , como le hago?
Si uso hidden no serviría por que eso lo es para enviar elementos en formularios.

[0le0]

Se hace así:

Código:

********
function show_hide() {
if(document.getElementById('check_sh1').checked) {
document.getElementById('select_sh2').style.display = "none";
document.getElementById('select_sh2').disabled = true;
} else {

document.getElementById('select_sh2').style.visibility = "visible";
document.getElementById('select_sh2').style.display = "block";
document.getElementById('select_sh2').disabled = false;
}
}

**************

//el elemento que debe estar oculto al cargarse la página
select name="sele2" id="select_sh2" style=" visibility:hidden">
<option>2--</option>
</select>

Ojalá le sirva a alguien