FORM: Como convertir type="select" en type="text"

[Anarko]

Hola,

una opción seria:

[<label id="cambia">...</label>]

Y en el "onchange" hacer:

Código HTML:

if(this.value="Ingresar Nueva opcion"){

cambiar el contenido de [cambia] por

input type="text" name="nombre del SELECT"...

}

Pero UDs que opinan ?

Hay algun DOM o algo para CAMBIAR un SELECT por un TEXT ?

Gratisimas.

[ElJavista]

Dudo mucho que se pueda cambiar, porque tienen propiedades distintas, el input text no contiene una lista, el select si, lo que podrías hacer es reemplazar un elemento por el otro, tomando su id, creando un elemento nuevo, asignando el id del elemento viejo al elemento nuevo y eliminando el viejo. Esa sería la único opción que veo.

[Adler]

Hola

El Dom te da la posibilidad de ocultar y mostrar elementos. Algo como esto

Elelemento.style.display = (Elelemento.style.display == 'none') ? 'block' : 'none';

Para ello crea los dos elementos uno, el select, block y el text como none

Suerte

[Anarko]

Gratitud.

La idea es que al NO ENCONTRAR la opcion [X] en la LISTA del SELECT, el select tenga la opcion [agregar opcion] y entonces el SELECT se combierta en una caja de TEXTO.

[ElJavista]

Pues tu idea así como la planteas no se puede, tienes dos opciones, destruir un elemento y crear otro u ocultar uno (en lugar de destruirlo) y mostrar otro. No se puede asi como tú lo planteas.

[Anarko]

Hola, como creo y destruyo elementos SELECT y TEXT?

[Adler]

Hola

Iniciado por Anarko

Hola, como creo y destruyo elementos SELECT y TEXT?

No has de crear o destruir nada. Solo has de mostrar o esconder. Para ello en mi post anterior te di la solución

Suerte

[ElJavista]

Pensandolo bien es mejor ocultar y esconder, sin embargo hay un detalle, el id debe ser único, en este caso y en base al código de Adler, solo faltaría cambiar los ID, cuando está oculto el elemento recibe el ID que corresponde y cuando está oculto su ID es igual a vacío. Esa sería la mejor forma que encuentro.

[Anarko]

Cordial saludo.

Al respecto de "APARECER" - "DESAPARCER" elementos con getElementById...

Como se hace para que UN ELEMENTO aparezca LENTAMENTE, de manera bonita, artistica...

Para que se depliegue LENTAMENTE... y se oculte de manera LENTA y armoniosa...

Que es lo que hay que hacer ?

Layer{desaparezca/aparezca despacio} ??

Gratitud

[ElJavista]

De manera lenta claro que se puede, pero de ahí a que eso lo veas como bonito y artístico ya es otra cosa, talvez no te convenza, pero es lo que se puede hacer. Si quieres hacer de tu web un arte pues hazlo con flash.

Ahora como se hace lentamente? mejor olvidalo, es complicado, te doy el código para que desaparezca y aparezca el otro así de frente. A decir verdad eso a nadie le molestará excepto a ti.

En primer lugar debes definir un evento. Eso lo definiste sería algo así:

Código:

 var txt = document.getElementById('contenedor', 'input')[0];
 var sel = document.getElementById('contenedor', 'select')[0];
  ide = 'idElemento'; // Este es el id que debes definir
 if (this.value == "Ingresar Nueva opcion") {
    txt.style.display = 'none';
    txt.id = '';
    txt.name = '';
    sel.style.display = 'inline';
    sel.id = ide;
    sel.name = ide;
 } else {
    sel.style.display = 'none';
    sel.id = '';
    sel.name = '';
    txt.style.display = 'inline';
    txt.id = ide;
    txt.name = ide;
 }

Primero inténtalo de esta manera si te sale tal vez haga el código para hacerlo aparecer y desparecer lentamente. Digo "tal vez" porque la verdad no le veo objeto, es tan poca cosa un input o un select que el efecto sería un esfuerzo demasiado grande para tan poco espectáculo. Suerte!

[Anarko]

Gratitud.

Date cuenta EN ESTA PAGINA la forma como aprece el MENU del enlace [HERRAMIENTAS].

Como se hace ese EFECTO ??

A que PROPIEDADES hay que acudir ?

Claro que me sirve el código facilitado.

[ElJavista]

Y bueno, ese efecto no es tan simple, de hecho yo nunca hago exactamente eso, solo hago aparecer la capa, pero el menú ese tiene el efecto de persiana. Bueno, tienes varias opciones para hacer eso, no se trata solamente de acudir a propiedades, es más que eso. Te recomiendo un par de cosas, primero aprende un poco más de JavaScript, especialmente lo referente a "manipulación de capas" y lo segundo es que busques efectos de transición con JavaScript. Esta parte es algo complicada, espero que encuentres lo que necesitas.