JavaScript - evento onchange select option input text

Buenas a todos/as.

Tengo un select con los siguientes campos ["igual", "mayor", "menor", "vacio"].
Cuando el usuario pulsa sobre ["igual"] le aparece en la nueva ventana
1. un checkbox
2. un nuevo select con los siguientes campos ["pedido", "coste", "empresa"] (este select aparece cuando pulso sobre igual en el primer select mediante un evento onchange.)
3. un input text

Me gustaría que cuando el usuario pulsara sobre ["empresa"] se creará un nuevo input text.

Por tanto cuando el usuario ha pulsado sobre --> igual --> empresa --> apareciera el input primero (esta recogido en el punto 3 que he dicho antes) y ahora otro mas.

No tengo manera de poder manejarlo. Logro crear el segundo input text, pero nunca consigo que sea solo cuando el usuario pulsa sobre empresa, me lo hace cuando pulso sobre pedido, coste y empresa.

Me gustaría solo cuando el usuario pulsa sobre empresa.

Les estaría muy agradecido, no se si se puede por javascript o por jquery.

Gracias

Hola Wasp,

En el segundo select, podrías aplicar otro evento change y aplicar la condición en la función:

Javascript:

HTML

Espero te sirva, feliz día.

buena esa es mas corto que el mio

Buenos días Juan Diego, eres mi salvador!!!!!

Muchísimas gracias. Acabo de probarlo y ha sido funcionar a la primera.
Que de horas me acabas de quitar encima.

A este mismo hilo tengo solo una duda, cuando pulso una vez sobre empresa, se me abre otro input text, por tanto maravilloso, pero he probado a volver a pulsarlo y evidentemente me salta otro,
¿habría alguna posibilidad de limitarlo solo a un input text?

Porque me veo que lo usuarios van a pulsarlo varias veces, no me preguntes como lo se, pero hay ciertos usuarios, simplemente asi.

De todas formas voy a pensar si hay alguna manera de poder limitarlo solo a insertar un unico input text.

Y nuevamente, muchas gracias, me has salvado.

Hola Wasp,

Realmente hay muchas maneras, por ejemplo, podrías crear una variable global boolean y dentro del código cambiar su valor para no volver a entrar a la condición, así:


El inconveniente es que las variables globales pueden ser accesadas por cualquier parte del código JavaScript.

La otra solución es que manejes un campo hidden y con la función modifiques el value:


Espero te sirva, me comentas cualquier inquietud.

Buenas Juan Diego,

de nuevo muchísimas gracias y ha sido ponerlo y salir a la primera.

GRACIAS!

Con gusto.

Buenas Juan Diego, estaba yo despues de mucho tiempo dandole vueltas a una cosilla a ver si era posible, supongo que seria modficar algo del codigo que me expusistes.

Cuando el usuario pulsa y se le añade un nuevo input text, cuando el usuario vuelve a elegir otra opcion que no conlleve un agregado mas de input text, no se como quitarlo.

No se si podria ser otra function como esta:


con el metodo remove de JQuery pero no se bien porque no funciona, a ver si sabrias como eliminarlo, una vez que el usuario pulse sobre otro select en vez del que abre un nuevo input.