En passant un paramètre d'URL pour un href lien à l'aide de Javascript

J'ai le code suivant en travaillant à adopter un paramètre d'URL pour une balise de formulaire:

<script type="text/javascript">
  function getQueryVariable(variable) { 
 var query = window.location.search.substring(1); 
 var vars = query.split("&"); 
 for (var i=0;i<vars.length;i++) { 
 var pair = vars[i].split("="); 
 if (pair[0] == variable) { 
   return pair[1]; 
    }
  }
}
 function onLoad() {
var value = getQueryVariable("ID");
var e = document.getElementById('your-field');
e.value = value;
}
</script>

Et...

<body onload="onLoad()">
 <!-- your form and hidden field goes here -->
 <input type="hidden" name="your-field" id="your-field" />

Comment puis-je passer la même valeur à un lien HTML, de sorte que le résultat final serait:

<a href="http://www.mysite.com?source=[ID]" >

Où [ID] est quel que soit le morceau de code qui est nécessaire pour ajouter le paramètre pour le lien?

Merci d'avance.

OriginalL'auteur Lawrence | 2012-02-29

  1. 6

    Vous devez donner un id à vous de lien, comme ceci:

    <a id="YOUR_ID" href="#" >

    Et puis vous avez deux façons de résoudre le problème, utilisez Javascript ou utiliser jQuery:

    SI vous utilisez jquery, vous pouvez utiliser votre onLoad de la fonction et de l'injecter à l'intérieur de l'suivantes:

    var url = "http://www.mysite.com?source=" + value;
$("#YOUR_ID").attr("href",url)

    OU à l'aide de javascript:

    var url = "http://www.mysite.com?source=" + value;
var element = document.getElementById('YOUR_ID');
element.setAttribute("href",url)

    OriginalL'auteur Joao Almeida

  2. 1

    Modifier la fonction onload:

    function onLoad() {
   var value = getQueryVariable("ID");
   var e = document.getElementById('your-field');
   e.value = value;

   var url = "http://www.mysite.com?source=" + value;
   var element = document.getElementById('YOUR_<A>_ELEMENT_ID');
   element.setAttribute("href",url)
}

    Je suis en utilisant le morceau de code que Joao Almeida suggéré donc son exemple à l'aide de jQuery fonctionne très bien.

    Bonne Chance!

    Salut et merci 🙂 Excusez mon ignorance mais... quelle devrait être l'une balise href ressembler? Aussi, j'ai 3 différents a href balises qui ont besoin de la valeur ajoutée... le code ci-dessus ne fonctionne pour un certain nombre de liens?

    OriginalL'auteur Aerozeek