Publicado em 22 de fev.

Adicionar resultado de um innerhtml dentro de um link atributo href é possível?

Olá a todos.

Tenho uma dúvida e não sei se é possível caso tenha alguma sugestão por favor avise.

Adicionar resultado de um innerhtml dentro de um link atributo href é possível? ou seja eu tenho um input onde seleciono um ano

<select id="ano">
 <option selected>2019</option>
 <option value="2018">2018</option>
 <option value="2017">2017</option>
</select>

<div id="anoAtual"></div>

	No query pego o valor ou seja o ano selecionado e jogo no html

	 

$("select").change(function () {
 document.getElementById("ano").innerHTML = document.getElementById("anoAtual").value;
 });

	 

	Agora vem a dúvida como eu jogo na URL? existe uma outra forma? é possível?

	 

<a href='resultado.php&ano=COMO JOGAR O ANO AQUI?'>

Discussão (5)

Entre ou cadastre-se para participar da discussão

Entrar Criar conta

William Bruno· 22 de fev.

$("#ano").on('change', function () {
 $("#anoAtual").href('resultado.php?ano=' + $(this).val());
});

Bobrinha· 22 de fev.

Obg por responder William.

É possível jogar no HTML? ou seja diretamente na href sem ser dentro da função, ou somente dentro da função como no exemplo?

William Bruno· 24 de fev.

vc precisa usar javascript.

uma forma é fazer inline:

<select id="ano" onchange="document.getElementById('link').href = this.value">
  <option selected>2019</option>
  <option value="2018">2018</option>
  <option value="2017">2017</option>
</select>

<div id="anoAtual"></div>  

<a href="" id="link">

abraaoz· 24 de fev.

O comportamento que você está descrevendo também pode ser obtido sem o uso de JavaScript:

<form action="resultado.php">
 <select name="ano"><!-- o atributo name é o nome do parâmetro que será acrescentado automaticamente ao "action" do formulário ao submetê-lo -->
 <option>2019</option><!-- as tags option podem ser usadas sem o atributo value quando os valores a serem exibidos são idênticos aos valores a serem enviados -->
 <option>2018</option>
 <option>2017</option>
 </select>
 <button type="submit">Ver resultado</button><!-- o fundo e bordas do botão podem ser removidos facilmente com CSS -->
</form>

Bobrinha· 25 de fev.

Olá, William

O problema é que assim altera o link todo, existe alguma possibilidade de ter algo já dentro do link e só acrescentar o ano?

Por exemplo o conteúdo dentro link seria algo href="http://site.com/categoria/ano/AQUI O ANO"

Ou seja adicionar sem modificar o link existente somente acrescentar no link que ja existe o ano