Combo que traslada información a un input

cacerola · #1 (**permalink**) 03/12/2004, 17:31

Hola

He estado viendo las FAQs, muy buenas ;).

Estoy tratando de modificar uno de los que he visto (tenía botones de radio y activaba o anulaba una casilla de texto), yo lo quiero con un combo, me gustaria que una de las opciones me dejase activada la casilla de texto y el resto que trasladasen su valor a dicha casilla.

Al final me queda el siguiente código, pero no funciona, ¿alguien me puede ayudar?.

Código PHP:

  <html>  
<head>  
  <script language="JavaScript">  
 
   function habilita(){  
    document.frm.txt.disabled = false; 
    document.frm.txt.value = "";  
 
   }  
 
   function deshabilita1(){  
    document.frm.txt.disabled = true;  
    document.frm.txt.value = "uno";  
   }  
 
   function deshabilita2(){  
    document.frm.txt.disabled = true;  
    document.frm.txt.value = "dos";  
   }  
 
  </script>  
</head>  
<body>  
 <form name='frm'>  
  <select name='seleccionado'> 
  <option value=as onchange="habilita()">text habilitado 
  <option value=ad onchange="deshabilita1()">uno 
  <option value=as onchange="deshabilita2()">dos 
  </select> 
  <input type='text' name='txt' enabled> 
 </form> 
</body>  
</html>

caricatos · #2 (**permalink**) 03/12/2004, 18:24

Hola cacerola:

El evento onchange hay que ponerlo en el select, y en las option's pueden ponerse values y textos... Además, no debes repetir los valores "value":

Una opción sería:

<form name='frm'>
<select name='seleccionado' onchange="window[this.value]()">
<option value="habilita">text habilitado
<option value="deshabilita1">uno
<option value="deshabilita2">dos
</select>
<input type='text' name='txt' enabled>
</form>

Otra:
<form name='frm'>
<select name='seleccionado' onchange="if (this.value == 'habilita') habilita(); if (this.value == 'deshabilita1') deshabilita1(); if (this.value == 'deshabilita2') deshabilita2();">
<option value="habilita">text habilitado
<option value="deshabilita1">uno
<option value="deshabilita2">dos
</select>
<input type='text' name='txt' enabled>
</form>

Seguramente se pueda hacer de otras maneras, pero a mi me gusta más la primera.

Saludos

cacerola · #3 (**permalink**) 04/12/2004, 03:42

Muchas gracias, me ha ido perfecto.

Un saludo.-

caricatos · #4 (**permalink**) 04/12/2004, 03:46

¡De nada!

Me alegro de que te vaya bien

Saludos

cacerola · #5 (**permalink**) 07/12/2004, 01:17

Hola de nuevo

Al poner este código el botón de submit ya no me funciona, ¿tiene algo que ver las etiquetas "form"?.

Saludos

caricatos · #6 (**permalink**) 07/12/2004, 02:18

Hola cacerola:

¿De qué código hablas?

Pon como tienes todo el formulario...

Salidos

cacerola · #7 (**permalink**) 07/12/2004, 04:18

Me refiero a que al meter el código del combo deja de funcionarme el boton de "submit".

Digamos que yo comienzo con un "<form>", luego pongo el boton de submit (al final) y entre medias el código del combo.

caricatos · #8 (**permalink**) 07/12/2004, 04:39

Hola otra vez:

El form debes tenerlo tal como lo tenías siempre...

En el ejemplo, no puse ningún action porque no hacía falta...

He probado con esto y funciona bien:

<html>
<head>
<script language="JavaScript">

function habilita(){
document.frm.txt.disabled = false;
document.frm.txt.value = "";

}

function deshabilita1(){
document.frm.txt.disabled = true;
document.frm.txt.value = "uno";
}

function deshabilita2(){
document.frm.txt.disabled = true;
document.frm.txt.value = "dos";
}

</script>

</head>
<body>

<form name='frm' action="javascript:alert('hola')">
<select name='seleccionado' onchange="window[this.value]()">
<option value="habilita">text habilitado
<option value="deshabilita1">uno
<option value="deshabilita2">dos
</select>
<input type='text' name='txt' enabled>
<input type="submit" value="probando" />
</form>

</body>
</html>

En este caso puse un action de prueba cualquiera (muestra una alerta sencilla) y funciona bien.

Saludos