HTML - [Campo desplegable] Ir (botón Ir) a 1 web según opción seleccionada.

Pos: 137

Val: 9

[Campo desplegable] Ir (botón Ir) a 1 web según opción seleccionada.

Publicado por Pep (5 intervenciones) el 22/08/2019 12:50:55

Buenos días,

Quisiera tener 1 campo desplegable de formulario con distintas opciones, y según qué opción, que aparezca 1 botón Ir (al hacer clic, que se abra 1 página web).

Resumen:
value="Opción" -->
value="Gato" --> Botón Ir (o submit) --> New https://www.elmundodelgato.com/
value>"Perro" --> Botón Ir (o submit) --> New https://www.elmundodelperro.net/

NOTA: Uso esta web para probar:
- https://support.wix.com/es/article/probando-tu-código-html

Espero vuestra respuesta lo antes posible. Gracias y saludos.

Valora esta pregunta

Me gusta: Está pregunta es útil y esta clara

No me gusta: Está pregunta no esta clara o no es útil

Responder

Pos: 7

Val: 247

[Campo desplegable] Ir (botón Ir) a 1 web según opción seleccionada.

Publicado por Alejandro (100 intervenciones) el 22/08/2019 15:47:08

Alejandro se encuentra ahora conectado en el
chat de PHP

¿Y cual es tu duda?

Pagina:

<select id="cboPagina">

	<option value="https://www.elmundodelgato.com/">Gato</option>

	<option value="https://www.elmundodelperro.net/">Perro</option>

</select>

<button type="button" id="cmdIr">Ir</button>

<script>

	window.onload=function(){

		document.getElementById('cmdIr').addEventListener('click',function(){

			location.href=document.getElementById('cboPagina').value;

});

</script>

Valora esta respuesta

Me gusta: Está respuesta es útil y esta clara

No me gusta: Está respuesta no esta clara o no es útil

Comentar

Pos: 137

Val: 9

[Campo desplegable] Ir (botón Ir) a 1 web según opción seleccionada.

Publicado por Pep (5 intervenciones) el 22/08/2019 18:42:30

La duda es cómo hacerlo, @Alejandro.

Sobre tu código:
1. Falta el select Opción (sin botón ir).
2. ¿En VALUE no sería "new (url)"?

<select id="cboPagina">

        <option value="Opción">Opción</option>

	<option value="new(https://www.elmundodelgato.com/)">Gato</option>

	<option value="new(https://www.elmundodelperro.net/)">Perro</option>

</select>

<button type="button" id="cmdIr">Ir</button>

<script>

	window.onload=function(){

		document.getElementById('cmdIr').addEventListener('click',function(){

			location.href=document.getElementById('cboPagina').value;

});

</script>

Con este nuevo código:
1. Me sale el botón Ir en Opción. :-(
2. Saber si los NEW's funcionan donde los he puesto. En la web que tenía para probar no funcionan.

Gracias de nuevo.

Valora esta respuesta

Comentar

Pos: 1

Val: 1.453

[Campo desplegable] Ir (botón Ir) a 1 web según opción seleccionada.

Publicado por joel (460 intervenciones) el 22/08/2019 19:04:11

Hola Pep, eso que has puesto de new() que es?? eso esta mal!!! tal y como lo ha puesto Alejandro funciona perfectamente!!!

Valora esta respuesta

Comentar

Pos: 137

Val: 9

[Campo desplegable] Ir (botón Ir) a 1 web según opción seleccionada.

Publicado por Pep (5 intervenciones) el 22/08/2019 19:53:08

Para decir que se abra en 1 nueva ventana... Ya veo que es TARGET _BLANK. :-P

<select id="cboPagina">

        <option selected>Opción</option>

	<option value="https://www.elmundodelgato.com/" target="_blank">Gato</option>

	<option value="https://www.elmundodelperro.net/" target="_blank">Perro</option>

</select>

<button type="button" id="cmdIr">Ir</button>

<script>

	window.onload=function(){

		document.getElementById('cmdIr').addEventListener('click',function(){

			location.href=document.getElementById('cboPagina').value;

});

</script>

Sobre el código de @Alejandro me falla el botón Ir en la opción 'Opción' y si se abre la URL en 1 nueva ventana con TARGET _BLANK. Ver:
- https://www.todoexpertos.com/categorias/tecnologia-e-internet/desarrollo-de-sitios-web/html/respuestas/510369/select-con-link

Saludos y gracias.

Valora esta respuesta

Comentar

Pos: 1

Val: 1.453

[Campo desplegable] Ir (botón Ir) a 1 web según opción seleccionada.

Publicado por joel (460 intervenciones) el 23/08/2019 09:00:44

Hola Pep, no puedes hacer un target="_blank" desde location.href... para ello, tienes que hacer un window.open()

Aquí tienes este código funcionando:

<select id="cboPagina">

    <option value="">Opción</option>

    <option value="https://www.elmundodelgato.com/">Gato</option>

    <option value="https://www.elmundodelperro.net/">Perro</option>

</select>

<button type="button" id="cmdIr">Ir</button>

<script>

    window.onload=function(){

        document.getElementById('cmdIr').addEventListener('click',function(){

            const valor=document.getElementById('cboPagina').value;

            if (valor!="") {

                window.open(valor);

});

</script>

Valora esta respuesta

Comentar

Pos: 137

Val: 9

[Campo desplegable] Ir (botón Ir) a 1 web según opción seleccionada.

Publicado por Pep (5 intervenciones) el 23/08/2019 12:47:18

Gracias de nuevo.

Necesitaría poder ocultar el botón Ir en la primera opción. Temporalmente he hecho 1 alerta (no funciona en mi sitio web, pero sí en páginas de prueba :-O).

Ya casi lo tengo. :-)

Valora esta respuesta

Comentar

Pos: 1

Val: 1.453

[Campo desplegable] Ir (botón Ir) a 1 web según opción seleccionada.

Publicado por joel (460 intervenciones) el 24/08/2019 15:04:59

Pep, seria algo así:

<select id="cboPagina">

    <option value="">Opción</option>

    <option value="https://www.elmundodelgato.com/">Gato</option>

    <option value="https://www.elmundodelperro.net/">Perro</option>

</select>

<button type="button" id="cmdIr" disabled>Ir</button>

<script>

    window.onload=function(){

        document.getElementById('cmdIr').addEventListener('click',function(){

            const valor=document.getElementById('cboPagina').value;

            if (valor) {

                window.open(valor);

});

        document.getElementById('cboPagina').addEventListener('change',function(){

            const valor=document.getElementById('cboPagina').value;

            if (valor) {

                document.getElementById("cmdIr").disabled=false;

            } else {

                document.getElementById("cmdIr").disabled=true;

});

</script>

Valora esta respuesta

Comentar

Pos: 137

Val: 9

[TEMA CERRADO] [Campo desplegable] Ir (botón Ir) a 1 web según opción seleccionada.

Publicado por Pep (5 intervenciones) el 24/08/2019 17:39:00

Gracias por vestra ayuda. En vez de disabled he usado hidden. Funciona. :-)

TEMA CERRADO.

Valora esta respuesta

Comentar

SUMAR INPUTS

que se ocupa saber para ser desarollador web