Blog

Archive

Categories

Saturday
05
Sep
2009
Mark
Mark

Pre-selecting form fields when coming from different pages using jQuery

I needed to come up with a bit of code for when a client wanted their contact form to pre-select a value in a select box depending on which page they came from. This simple little bit of javascript is what I came up with in the end.

  1. Add the selected value to the link url after the hash like you would for an anchored link.
  2. Add the following code:
  1. <script type="text/javascript">
  2.    $('document').ready(function(){
  3.       var name = window.location.hash;
  4.        if (name != ''){
  5.          // Remove the hash from the string
  6.          name = name.replace('#','');
  7.             // Add spaces
  8.             name = name.replace(/%20/g,' ');
  9.            $("#ID_TO_CHANGE").val(name);
  10.         }
  11.   });
  12. </script>
Download Code

Thats it! Simple.

JavaScript / jQuery
 
© 2009—2012 Odyssey Web Design & Development | Home | Disclaimer | Powered by SPIP