Abrir site a partir de um select

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.

< select name=“menu1” id=“menu1”>
< option value=“http://www.site1.com.br”>Site 1< /option>
< option value=“http://www.site2.com.br”>Site 2< /option>
< option value=“http://www.site3.com.br”>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

2 curtidas

Mais enxuto ainda…

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

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.

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…

1 curtida

Obrigado, tudo resolvido.

1 curtida