Cambiar un select por un input al hacer click en la opcion "otros"

nevergame · #1 (**permalink**) 19/08/2007, 18:54

Me gustaría tener un select con varias opciones y si el cliente no esta satisfecho con esas opciones le de a "otros" y se transforme en un input, si alguien lo ha hehco gracias si puede explicarmelo.

jhelu · #2 (**permalink**) 19/08/2007, 20:45

Hola ...

Puedes tener en tu pagina un input de tipo text llamado "otros" escondido con javascript y hojas de estilos... y cuando le den click a otros que aparezca y ese dato ya lo grabas en donde iria otros en tu base de datos o donde sea que lo guardes...

Ojala me puedes entender, si necesitas codigo me avisas!!!

nevergame · #3 (**permalink**) 19/08/2007, 22:59

Te entiendo perfectamente, pero si me pasas el code mucho mejor que llevo 14 horas programando y la verdad estoy corto de ideas y de miras. Muchas gracias de antemano.

Pense una solución parecida pero la verdad era con radio buttons y no me salio.

caricatos · #4 (**permalink**) 20/08/2007, 01:52

Hola:

Un ejemplillo:

Código:

<html>
<head>
<script>
var i = 0;
function tag(id) {
 return document.getElementById(id);
}

function selector(check) {
 tag('datoSelect').style.display = (check.checked) ? "none" : "inline";
 tag('datoText').style.display = (!check.checked) ? "none" : "inline";
 tag('datoSelect').disabled = check.checked;
 tag('datoText').disabled = !check.checked;
 i = check.checked ? 1 : 0;
}
</script>
</head>
<body>
<form action="javascript: alert(document.forms[0].dato[i].value)" method="get">
<select style="display: inline; width: 300px" name="dato" id="datoSelect">
<option value="dato select 1">select 1</option>
<option value="dato select 2">select 2</option>
<option value="dato select 3">select 3</option>
</select>
<input type="text" name="dato" disabled id="datoText" style="display: none; width: 300px" />
<label for="otro" >otro</label>
<input type="checkbox" id="otro" onclick="selector(this)" />
<button type="submit">ver</button>
</form>
</body>
</html>

Saludos