Como colocar uma url dentro do option de um select? Quando o usuário selecionar a opção do select ele já redirecionaria para url dentro do option.
Da forma que tentei a url é concatenada com a anterior e o link fica quebrado.
Stack Overflow em Português é um site de perguntas e respostas para programadores profissionais e entusiastas. Leva apenas um minuto para se inscrever.
Inscreva-se para participar desta comunidadeComo colocar uma url dentro do option de um select? Quando o usuário selecionar a opção do select ele já redirecionaria para url dentro do option.
Da forma que tentei a url é concatenada com a anterior e o link fica quebrado.
Faça da seguinte forma:
<select id="link">
<option value="" selected>Escolha o site</option>
<option value="http://www.google.com">Google</option>
<option value="http://www.youtube.com">YouTube</option>
<option value="http://pt.stackoverflow.com/">Stack</option>
</select>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
$('#link').on('change', function () {
var url = $(this).val();
if (url) {
window.open(url, '_blank');
}
return false;
});
});
</script>
jQuery
Método simples:
<select onchange="location.href=this.value">
<option value="#">Selecione</option>
<option value="http://www.botafogo.com.br">Botafogo</option>
<option value="http://www.flamengo.com.br">Flamengo</option>
<option value="http://www.fluminense.com.br">Fluminense</option>
<option value="http://www.vasco.com.br">Vasco da Gama</option>
</select>
Para colocar o link dentro de um único option faça como a seguir:
<script type="text/javascript">
function changeFunc($i) {
if ($i == 'nova'){
window.open('index.php?pg=cadastrar_categoria','_self');
}
}
</script>
<select id="link" onchange="changeFunc(value);">
<option value="" >Escolha a categoria</option>
<option value="animais">Animais</option>
<option value="natureza">Natureza</option>
<option value="nova">Adicionar nova categoria</option>
</select>