Jump to content
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?'>

 

 

Share this post


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

Share this post


Link to post
Share on other 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?

Share this post


Link to post
Share on other 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">

 

Share this post


Link to post
Share on other 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>

 

Share this post


Link to post
Share on other 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

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

  • Similar Content

    • By asacap1000
      Galera me ajudem por favor, estou pirando kkkkk
       
      Seguinte, tenho um form que realiza o submit via javascrit enviando os dados para uma página php formatada em json.
      Está gravando perfeitamente porém preciso dos dados do retorno, como Link do boleto, e alguns outros resultados para inserir no banco nesse ponto já pesquisei um monte testei de tudo até a página bugar e nada kkkk
       
      o Script que utilizo para o envio é esse:
       
      <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script> <script type="text/javascript"> $("#frmBoleto").submit(function(){ $.ajax({ type: "POST", url: "https://www.sitedaloja.com.br/action/boleto_bradesco/gerando_boleto.php", data: $(this).serializeArray(), }).done(function( msg ) { }); return false; }); </script> Como fazer para capturar os dados  da resposta do json?  
    • By Sapinn
      Salve salve! Nuca intendi como isso realmente funciona por isso gostaria da ajuda de vcs. Estou desenvolvendo um sistema de historias e acho que seria interessante no envio dessas historia além dos texto imagem ilustrativas, mais ou menos como blogs de noticias fazem, mas como posso enviar texto e imagem e depois retorna-los juntos? Eu sei com enviar imagens em php mas gostaria de enviar a imagem e o texto colocando ambos em um textarea acho que assim ficaria bem mais interessante alguém pode me ajuda?
       
    • By manoaj
      Boa noite pessoal!
      Alguém ai entente dos checkouts do Mercado Pago pra me explicar como eu obtenho os dados da preferência criada através da url disponível na API
      https://api.mercadopago.com/checkout/preferences/:id?access_token=ACCESS_TOKEN_ENV  
    • By clickanapolis
      Boa tarde pessoal, desculpa se postei em lugar errado, mais não sei aonde postar essa minha dúvida. Estou finalizando um projeto que consiste em uma plataforma de processo seletivo e na etapa final os candidatos iram fazer uma prova online.
       
      O cliente me perguntou se é possível bloquear o navegador, tipo se ele sair do navegador ou mudar de aba tipo o sistema finalizar a prova do candidato, visto que o sistema irá identificar que ele foi fazer uma pesquisa.
       
      Eu particularmente não vi nada igual ate hj e não sei se existe algo seja em javascript ou qualquer outro modo de fazer isso.
    • By FilipeON
      Olá Sou iniciante em Javascript... Preciso de ajuda para a seguinte questão:
      Tenho duas FUNÇÕES e preciso executa-las de forma aleatória, já tentei de varias formas, mas sem sucesso, alguém pode me ajudar?
      Basicamente o que preciso é que toda vez que a pagina WEB for carregada uma das duas funções seja sorteada e executada.
       
      As funções são:
      function vt1(){fireEvent (document.getElementById('bt-1'), 'click');} function vt2(){fireEvent (document.getElementById('bt-2'), 'click');}
       
×

Important Information

Ao usar o fórum, você concorda com nossos Terms of Use.