Link sem botão

[Felinho 0]

Bom dia, pessoal.

Desculpem me fazer uma pergunta tão amadora, mas é por que realmente estou aprendendo agora.

 

Tenho uma caixa de seleção (www.vouproarena.com/aniversarios) e queria que ao selecionar uma das duas opções enviasse cada uma pra um link diferente.

 

<li class="form-line" data-type="control_dropdown" id="id_2"> <label class="form-label form-label-left form-label-auto" id="label_2" for="input_2"> Escolha o evento: </label> <div id="cid_2" class="form-input jf-required"> <select class="form-dropdown" style="width:150px" id="input_2" name="q2_escolhaO"> <option value=""> </option> <option value="Sexta-feira (08/05): Sedutora e Reny"> Sexta-feira (08/05): Sedutora e Reny </option> <option value="Sábado (09/05): Sheldon e Jack Farra"> Sábado (09/05): Sheldon e Jack Farra </option> </select> </div>

</li>

 

Alguém pode me ajudar nisso?!

[rikaschmitt 54]

O "value" de cada option precisa ser esse que vc postou?

 

Pois você pode fazer assim:

 

<option value="pagina1.html">opção 1</option>

<option value="pagina2.html">opção 2</option>

 

dai lá no select, colocar assim:

 

<select ... onchange="window.location.href=this.value;">

[guilomaker 31]

<select id="seletor_dinamico">

<option value="" selected>Escolha uma Opção</option>

<option value="link">Opção 01</option>

<option value="link">Opção 02</option>

<option value="link">Opção 03</option>

</select>

<script>

$(function(){

// bind change event to select

$('#seletor_dinamico').bind('change', function () {

var url = $(this).val();

if (url) {

window.location = url;

}

return false;

});

});

</script>