HTML lista pendente em html

[João Paulo Lucas]

Boa tarde

Tenho uma lista pendente, em HTML. No entanto não consigo executar nada.

Podem ajudar-me

Segue o código

<form name="dropdown"> <label>Boletins</label> <select name="list" accesskey="E"> <option selected="">Sselecione o Boletim
      
      <option value="href=../../observatorio/ano201920/Boletim1.pdf"
      <option value="http://www.google.pt">Boletim2
      <option value="http://www.search.com/">Boletim3
      <option value="http://www.dogpile.com/">boletim4
      <select> <input type="button" value="Go" onclick="goToNewPage(document.dropdown.list)"></select></select></form> 	

Obrigado

[DiF]

@João Paulo Lucas Olá, por gentileza, explique melhor sua dúvida..

O que é uma lista pendente? 

Ademais, posta o código do javascript que tem essa função goToNewPage()

[João Paulo Lucas]

@DiF Boa tarde

 

A partir do código que enviei não sei como colocar os links a funcionar

 

Obrigado

[DiF]

@João Paulo Lucas Então.. sem ver os códigos onde possui a tal função.. não há como ajudar.

O que você postou é somente um fragmento de HTML que não serve de nada... 

enfim, no aguardo.

[navegantenarede]

@João Paulo Lucas pelo que eu deduzi, você quer que o URL seja aberto em uma nova aba de acordo com o valor da opção.

 

O código para isso poderia ser:

 

<form name="dropdown"> <label>Boletins</label> 

<select id="lista" name="list" accesskey="E"> 
      <option selected="">Selecione o Boletim</option>      
      <option value="href=../../observatorio/ano201920/Boletim1.pdf">Boletim 0</option>
      <option value="http://www.google.pt">Boletim2</option>
      <option value="http://www.search.com/">Boletim3</option>
      <option value="http://www.dogpile.com/">boletim4</option>
      <input type="button" value="Go" onclick="window.open(document.getElementById('lista').options[(document.getElementById('lista')).selectedIndex].value)">
</select>
</form>

 

Alguns pontos que notei no seu código HTML:

- Os elementos <option> estavam sem a tag de fechamento (ex: </option>)

- Havia um select em torno do input. Se você quer ajustar o estilo, use CSS.

[João Paulo Lucas]

13 horas atrás, navegantenarede disse:

@João Paulo Lucas pelo que eu deduzi, você quer que o URL seja aberto em uma nova aba de acordo com o valor da opção.

 

O código para isso poderia ser:

 

<form name="dropdown"> <label>Boletins</label> 

<select id="lista" name="list" accesskey="E"> 
      <option selected="">Selecione o Boletim</option>      
      <option value="href=../../observatorio/ano201920/Boletim1.pdf">Boletim 0</option>
      <option value="http://www.google.pt">Boletim2</option>
      <option value="http://www.search.com/">Boletim3</option>
      <option value="http://www.dogpile.com/">boletim4</option>
      <input type="button" value="Go" onclick="window.open(document.getElementById('lista').options[(document.getElementById('lista')).selectedIndex].value)">
</select>
</form>

 

Alguns pontos que notei no seu código HTML:

- Os elementos <option> estavam sem a tag de fechamento (ex: </option>)

- Havia um select em torno do input. Se você quer ajustar o estilo, use CSS.

Muito Obrigado

De todo o modo a opção Boletim 0, não funciona, é devolvido sempre caminho errado

[navegantenarede]

@João Paulo Lucas você tem que ajustar o caminho que está no atributo "value", colocando somente o endereço ou caminho do arquivo e removendo o "href".

[João Paulo Lucas]

Boa tarde

 

Resolvido Muito Obrigado

[DiF]

@João Paulo Lucas Qual a solução encontrada?  Peço a gentileza de informar... assim vai ajudar os demais.