(Resolvido) Select com botão

[GuuH.zin]

Olá, eu estou com a seguinte dúvida:

como eu crio um campo <select> com botão tipo de enviar?

por exemplo:

eu quero listar alguns sites nas options do select que quando alguém selecionar um desses sites, tem que clicar no botão "Ir" para ir até aquele site, abrindo a página do site na mesma janela.

alguém pode me arrumar um código que faça isso?

Agradeço desde já.

Obs.: não sabia se postava aqui ou na área de javascript :S

[Jonathan Queiroz]

Seria +/- isso:

<form action="outra_pagina.htm" method="post">
<fieldset>
<legend>[...]</legend>
Escolha um valor: <select name="aaa" id="aaa">
<option value="valor">Texto</option>
<option value="valor2">Texto 2</option>
</select>
</fieldset>
</form>

[GuuH.zin]

quase isso. vou ver se eu consigo me expressar melhor

eu quero um select que tenha vários nomes de sites, por exemplo:

Orkut

Google

MSN

...

Quando eu selecionar algum desses no select, o orkut, por exemplo, o site do orkut abre apenas se o botão "IR" (que fica ao lado do select) for clicado, e não se for clicado no proprio select.

[Jonathan Queiroz]

Então você já tem um código para isso certo ?

Poste aí como está e o ajudaremos a modificar.

Provavelmente foi feito em JS. Se for isso mesmo, moverei o tópico à área adequada.

[GuuH.zin]

Então você já tem um código para isso certo ?

Poste aí como está e o ajudaremos a modificar.

Provavelmente foi feito em JS. Se for isso mesmo, moverei o tópico à área adequada.

sim, já tenho o código com os links. vou colar só o código do select.

<select size="1" onchange="location=this.value">
          <option selected value="#">Escolher um...</option>
          <option value="http://www.orkut.com.br/">Orkut</option>
          <option value="http://www.google.com">Google</option>
          <option value="http://br.MSN.com/">MSN</option>
        </select>

Isso funciona, só que ao escolher (clicar) nome do site, o site abre automaticamente (por causa do "onchange"). eu quero que o nome do site no select fique selecionado e apenas se o botão "ir" (que não tem ainda) for clicado o site que está selecionado é aberto.

[Jonathan Queiroz]

Ao invés do evento onchange do select utilize o evento onclick do botão.

[GuuH.zin]

Ao invés do evento onchange do select utilize o evento onclick do botão.

não deu muito certo. olha o codigo como ficou:

<select size="1">
  <option selected value="#">Escolher um...</option>
  <option value="http://www.orkut.com.br/">Orkut</option>
  <option value="http://www.google.com">Google</option>
  <option value="http://br.MSN.com/">MSN</option>
</select>

<input type="button" value="Ir" onclick="location=this.value">

Não da certo. Acho que da pra fazer com o getElementById , mas eu não sei como fazer.

[Jonathan Queiroz]

Mas o this refere-se ao elemento atual (no caso, o botão)

<select size="1" id="aaa">
  <option selected value="#">Escolher um...</option>
  <option value="http://www.orkut.com.br/">Orkut</option>
  <option value="http://www.google.com">Google</option>
  <option value="http://br.MSN.com/">MSN</option>
</select>

<input type="button" value="Ir" onclick="location=document.getElementById('aaa').value">

[GuuH.zin]

Mas o this refere-se ao elemento atual (no caso, o botão)

<select size="1" id="aaa">
  <option selected value="#">Escolher um...</option>
  <option value="http://www.orkut.com.br/">Orkut</option>
  <option value="http://www.google.com">Google</option>
  <option value="http://br.MSN.com/">MSN</option>
</select>

<input type="button" value="Ir" onclick="location=document.getElementById('aaa').value">

ah, entendi. agora deu certo. obrigado :)

[Jonathan Queiroz]

De nada !

Qualquer coisa posta aí !

Obs.:

O tópico foi marcado como Resolvido.