[SOLUCIONADO] Mostrar un campo tras usar un select

[Hakueiryu]

Buenas, estoy trabajando con un select de status, y me gustaria que en el momento en que seleccione el status de paralizado, me aparezca un campo para indicar el porque esta paralizado.

Lo estoy trabajando de esta forma:

Código HTML:

<td><label for="estatus">Estatus:</label></td> <td><select name="estatus"> 	
<option value="">--Seleccione--</option>
<option value="Sin Iniciar" id="0">Sin Iniciar</option>
<option value="En Ejecución" id="0">En ejecución</option>
<option value="Paralizado" id="1">Paralizado</option>
<option value="Culminado" id="0">Culminado</option>
</select></td>
		
			<td id="text" style="visibility:hidden"><label for="razon">Razón</label></td>
			<td><input type="text" name="razon" id="text" style="visibility:hidden"></td> 

[PHPeros]

Bastante simple, no hay mucho que comentar:

Código HTML:

<select name="estatus" onchange="mostrar(this)">    
    <option value="">--Seleccione--</option>
    <option value="Sin Iniciar">Sin Iniciar</option>
    <option value="En Ejecución">En ejecución</option>
    <option value="Paralizado">Paralizado</option>
    <option value="Culminado">Culminado</option>
</select>
 
<input type="text" name="razon" id="text" style="visibility:hidden">
 

Código Javascript:

function mostrar(select){
    (select.selectedIndex == 3)?
        document.getElementById("text").style.visibility = "visible"
    :
        document.getElementById("text").style.visibility = "hidden"
}
 

Onchange es el evento que implica el cambiar de opción. Con la función muestras el campo si la opción elegida es la que deseas, y por lo contrario lo ocultas.


PD: Los IDs no se deben repetir

[Hakueiryu]

Gracias viejo, es un metodo muy efectivo, y me funciono a la perfeccion

Los id's estan repetidos porque habia probado otros metodos y uno de esos tenia solo 2 opciones una era "0" y otra "1" asi que pense que serviria si lo adaptaba

[caricatos]

Hola:

Lo de los id's repes no se justifica con el argumento que expones ...

Matizando... podría también considerarse el valor (value) del select...

Código Javascript:

function mostrar(sel){
        document.getElementById("text").style.visibility = (sel.value == "Paralizado") ? "visible" : "hidden";
}
 

Saludos