Ir para conteúdo
Bobrinha

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

Recommended Posts

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?'>

 

 

Compartilhar este post


Link para o post
Compartilhar em outros sites
$("#ano").on('change', function () {
        $("#anoAtual").href('resultado.php?ano=' + $(this).val());
});

Compartilhar este post


Link para o post
Compartilhar em outros sites

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?

Compartilhar este post


Link para o post
Compartilhar em outros sites

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">

 

Compartilhar este post


Link para o post
Compartilhar em outros sites

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>

 

Compartilhar este post


Link para o post
Compartilhar em outros sites

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

Compartilhar este post


Link para o post
Compartilhar em outros sites

Crie uma conta ou entre para comentar

Você precisar ser um membro para fazer um comentário

Criar uma conta

Crie uma nova conta em nossa comunidade. É fácil!

Crie uma nova conta

Entrar

Já tem uma conta? Faça o login.

Entrar Agora

  • Conteúdo Similar

    • Por tiagocaus
      Ao desmarcar um checkbox o calculo não está sendo feito da forma correta.

      Não consegui identificar o problema, poderia ajudar?


      Link do código:https://jsfiddle.net/cwsmo4et/


      Obrigado.
    • Por Bruno123
      Olá, estou com uma dúvida na hora  de retornar se o número é primo ou não, poderiam me ajudar por gentileza ? Obrigado !
      <!DOCTYPE html> <html lang="en" dir="ltr"> <head> <meta charset="utf-8"> <title></title> </head> <body> <script src="javascript.js"></script> </body> </html> 'use strict' let num = prompt("Insira um número:"); let c = 0; for (i = 1; i <= num; i++) { if (num % i == 0) { c++; } } if (c == 2) { alert ("É PRIMO") } else { alert("NÃO É PRIMO") }  
    • Por user32
      Olá pessoal,
      sempre fui um curioso na programação e agora estou começando entender o javascript.
       
      edit:
      como eu consiguiria fazer a variavel buscar alem de 9... como numeros como 10-20, 20-30 ?
      toda ajuda é bem vinda, desde já agradeço
       
       
      <script type="text/javascript"> function funcao1() { var num1 = Number(document.getElementById("num1").value); var elemResult = document.getElementById("total"); var d90 = /[0-3]/; var d80 = /[4-5]/; var d70 = /[6-9]/; if (d90.test(num1)) { elemResult.innerText = String(num1 * "1") + "."; } else if (d80.test(num1)) { elemResult.innerText = String(num1 * "2") + "."; } else if (d70.test(num1)) { elemResult.innerText = String(num1 * "3") + "."; } else { // IE elemResult.innerText = String(num1 * "5") + "."; } } </script>  
    • Por clickanapolis
      Bom dia, no meu site coloquei ao clicar no link ele vai para uma div dentro da propria pagina, visto que a mesma e uma unica pagina.
       
      O problema é que quando clica no link ele esta parando fora do inicio da div, o que devo fazer?
       
      <script type="text/javascript"> jQuery(document).ready(function ($) { $(".scroll").click(function (event) { event.preventDefault(); $('html,body').animate({ scrollTop: $(this.hash).offset().top }, 1000); }); }); </script> e chamo o link assim:
       
      <li><a href="#acimetech" class="scroll">A Cimetech</a></li>  
    • Por Kelven
      Galera to enfrentando um problema, no meu tumblr to querendo colocar o popup de newsletter do Mailchimp, até ai tudo bem, é pra funcionar que nem no script abaixo, porém esse script só funciona se eu excluir aquela parte que está marcada, porém se eu excluir ela o tema do tumblr não funciona como deveria em celulares. Alguém sabe me dizer que tipo de conflito é esse e como posso resolver???
      <script type='text/javascript' src='http://space.fitterbiz.com/wp-includes/js/wp-embed.min.js?ver=4.9.10'></script> <script type="text/javascript" src="//downloads.mailchimp.com/js/signup-forms/popup/embed.js" data-dojo-config="usePlainJson: true, isDebug: false"></script> <script> function showMailingPopUp() { require( ["mojo/signup-forms/Loader"], function(L) { L.start({"baseUrl":"mc.us14.list-manage.com","uuid":"7f359a9e538573b27c9e39820","lid":"e64535f817"}) } ); document.cookie = 'MCPopupClosed=;path=/;expires=Thu, 01 Jan 1970 00:00:00 UTC;'; document.cookie = 'MCPopupSubscribed=;path=/;expires=Thu, 01 Jan 1970 00:00:00 UTC;'; } document.getElementById("open-popup").onclick = function() {showMailingPopUp()}; </script> <a onclick="showMailingPopUp(); return false;" id="open-popup" style="cursor:pointer">Subscribe!</a> <!-- quando coloco isso não funciona --> <script src="https://static.tumblr.com/xlsgtjb/mt5o305mz/scripts.min.js" charset="UTF-8"></script> <!-- quando coloco isso não funciona -->
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.