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 thgsousa3122
      <?php $url = 'www.site.com'; $dadosSite = file_get_contents($url); echo $dadosSite; ?> <script type="text/javascript"> window.onload = function(){ var x = document.getElementsByClassName("fraction")[0].innerHTML= "100"; } </script> Glr tenho esse codigo, eu queria alterar o conteudo que tem como classe "fraction", porem ele nao da resposta, alguem tem alguma sujestão?
    • By SilvioHC
      Olá estou começando a a prender node js mas já no primeiro teste algo de errado não está certo 
      const express = require('express'); const app = express(); app.listen(934); //Sempre Na Ultima Linha não sei dizer se é só o tutorial q é antigo 

    • By Jéssica Nascimento
      Meu código só decifra uma letra, não está fazendo as demias tem algum problema no meu código que não consigo enchegar poderiam me ajudar 
       
      function encode(text, offset){   let alphabetSize = 26; let firstAsci = 65; let textEncode =[]; let encodeArray =[];   for (let i=0; i < text.length; i++){   textEncode[i] = (text.charCodeAt(i)-firstAsci+offset)% alphabetSize +firstAsci; encodeArray.push(String.fromCharCode(textEncode[i])); console.log(encodeArray); return encodeArray.join(''); }
    • By AkSOlaris
      Estou, sem sucesso, tentando utilizar a biblioteca crypto js no meu script. Estou precisando usa-lo para gerar um hash que vai num objeto, porém aparentemente devo estar importando de maneira errada, já que a palavra require que eu atribuo a minha constante simplesmente não é reconhecida. Sou iniciante e estou utilizando essa biblioteca para um projeto em blockchain.  Estou usando o vscode e o node, porém depois daqui nao tenho idéia de como proceder, pois ja fiz de tudo que vi em sites e não entendi, tampouco consegui por em pratica.
       
      A linha de código que deveria chamar a biblioteca:
      const SHA256 = require('crypto-js/sha256');  
    • By gramosiri2
      Oi, dei uma procurada em alguns scripts, porém não consegui achar nenhum que faça o que estou precisando, não achei nem no W3School.
      Porém parece ser bem simples, clicar em uma palavra e ela mudar para outra palavra e ao clicar novamente mudar para o formato original. Por exemplo, Palavra1 ao clicar vira Palavra2 e ao clicar em Palavra2 vira Palavra1, nesse loop ai rsrs.
      <a href="#palavra" id="palavra" onclick='document.getElementById("palavra").innerHTML = "Palavra2"'>Palavra1</a> Este exemplo ele só muda uma vez...
×

Important Information

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