Abrir site a partir de um select

5 respostas Resolvido
html5javascriptphp
T

Olá pessoal, gostaria de pedir ajuda pois não faço ideia como posso abrir um site clicando em um link que irá estar em um select/dropdown. Se alguém conseguir me ajudar eu agradeço.

//isso é o que fiz mas não deu certo
<div class="form-group">
    <select name="" id="" class="form-control">
        <option value="">Escolha um link</option>
        <option value="www.site1.com.br">Site 1</option>
        <option value="www.site2.com.br">Link 2</option>
        <option value="www.site3.com.br">Link 3</option>
    </select>
</div>

Obrigado pela atenção.

5 Respostas

Y
< select name=“menu1” id=“menu1”>

< option value=“<a href="http://www.site1.com.br">http://www.site1.com.br</a>”>Site 1< /option>

< option value=“<a href="http://www.site2.com.br">http://www.site2.com.br</a>”>Site 2< /option>

< option value=“<a href="http://www.site3.com.br">http://www.site3.com.br</a>”>Site 3< /option>

< /select>

< script type=“text/javascript”>

var urlmenu = document.getElementById( ‘menu1’ );

urlmenu.onchange = function() {

window.open(  this.options[ this.selectedIndex ].value );

};

< /script>

Tirado de : http://www.webdeveloper.com/forum/showthread.php?211180-Drop-Down-Menus-with-URL-link-options

L

Mais enxuto ainda…

<select name="" id="" class="form-control" onchange="window.open(this.value);">
T

Boa tarde, muito obrigado pela ajuda.

Ambas as soluções resolveram em partes o problema que eu tinha.

Eu não entendi o por que mas ele abre o link do “value” junto a url do localhost, exemplo:

localhost/sitelocal/www.site1.com.br/

No cao o site1 vem do value e o site local é o que estou fazendo.

Eu não sei o por que isso está ocorrendo, caso possam dar dicas fico agradecido.

Obrigado.

L
Solucao aceita

Sem o http:// na frente de cada value ele vai apontar para o mesmo domínio, no seu caso o localhost…

Isso também vale para tag a… ou seja, tudo o que referencia a um domínio externo ao seu, obrigatoriamente deve ter o http ou https na frente…

T

Obrigado, tudo resolvido.

Criado 4 de maio de 2017
Ultima resposta 7 de mai. de 2017
Respostas 5
Participantes 3