Activar input desde un Select

VzK90 · #1 (**permalink**) 30/10/2011, 15:48

Hola,

Vereis llevo dias leyendo foros e intentando programar un codigo, que seguro que es muy simple, pero se me escapa algo....

Lo que necesito hacer, es que al seleccionar una opcion concreta de un select se active un input tipo text para introducir el color. Lo que he intentado hacer es:

Código:

<SELECT name="color">
<OPTION selected>Ninguno</OPTION>
<OPTION label="color"" value="Rojo">Rojo</OPTION>
<OPTION label="color"" value="Azul">Azul</OPTION>
<OPTION label="color"" value="Verde">Verde</OPTION>
<OPTION label="color"" value="Otro" onclick="if (this.selectedIndex == 4) document.form.otrocolor.display=''">Otro color</OPTION>
</SELECT>

<input type="text" id="otrocolor" name="color" size="12" value="Otro color" disabled="disabled">

Encontre un ejemplo este mismo foro, en este [URL="http://www.forosdelweb.com/f13/faqs-javascript-105325/#post260200"]tema[/URL] pero no consigo hacer que me sirva, porque yo el formulario no lo cargo por javascript, necesito que sea el del propio formulario html.

Agradeceria bastante vuestra ayuda, que llevo ya varios dias atascado en el mismo sitio....

un saludo

Franz1628 · #2 (**permalink**) 30/10/2011, 20:35

Prueba algo así

Código HTML:

Ver original<SELECT name="color" onchange="if(this.value=='Otro') document.getElementById('otrocolor').disabled = false">
<OPTION selected>Ninguno</OPTION>
<OPTION value="Rojo">Rojo</OPTION>
<OPTION value="Azul">Azul</OPTION>
<OPTION value="Verde">Verde</OPTION>
<OPTION value="Otro">Otro color</OPTION>
</SELECT>
 
<input type="text" id="otrocolor" name="color" size="12" value="Otro color" disabled>

VzK90 · #3 (**permalink**) 31/10/2011, 02:25

Muchas gracias, es justo lo que necesitaba. Le añadi un pequeño trozo al codigo para que estubiese mas completo, lo pongo y explico por si le sirve a alguien mas.

Basicamente lo que hace es, si seleccionas una opcion concreta del select, habilita un input y si seleccionas cualquier otra lo mantiene disabled.

Código:

<SELECT name="color" onchange="if(this.value=='Otro') {document.getElementById('otrocolor').disabled = false} else {document.getElementById('otrocolor').disabled = true} ">
    <OPTION selected>Ninguno</OPTION>
    <OPTION value="Rojo">Rojo</OPTION>
    <OPTION value="Azul">Azul</OPTION>
    <OPTION value="Verde">Verde</OPTION>
    <OPTION value="Otro">Otro color</OPTION>
    </SELECT>
     
    <input type="text" id="otrocolor" name="color" size="12" value="Otro color" disabled>

un saludo !!