title: how to pass value one page to another page using html
body: <p>Hi I have a Pricing table that was created in javascript, what I need to know is how to pass the values in row 1 or 2 into a aspx page using javascript with the click of a button</p>
  
  <p>Here my code:</p>
  
  <pre><code> &lt;select style="padding:10px;background: #cb1c69;color: #FFFFFF; font-size:18px; border-radius: 11px;"&gt;
                          &lt;option&gt;Choose Your Plan&lt;/option&gt;
                          &lt;option value="red"&gt;Monthly&lt;/option&gt;
                          &lt;option value="green"&gt;Yearly&lt;/option&gt;
                          &lt;option value="blue"&gt;Perpetual&lt;/option&gt;
                      &lt;/select&gt;
  </code></pre>
  
  <p>Edition:</p>
  
  <pre><code>&lt;div class="pricetable-column  red box" style="width: 33.3333333333%; border-right:1px solid gray;"&gt;
                              &lt;div class="pricetable-column-wall"&gt;
                                  &lt;div class="pricetable-header"&gt;
                                      &lt;div class="pricetable-fld-name"&gt;
                                          Lite&lt;/div&gt;
                                      &lt;div class="pricetable-header-inner"&gt;
                                          &lt;div class="pricetable-fld-price"&gt;
                                              &lt;span class="cur"&gt;&lt;/span&gt;750/- Monthly&lt;/div&gt;
                                          &lt;p&gt;
                                              ( Minimum 6 Month)&lt;/p&gt;
                                      &lt;/div&gt;
                                  &lt;/div&gt;
                                  &lt;div class="ribbon"&gt;
                                      HOT&lt;/div&gt;
                                  &lt;div class="pricetable-button-container1"&gt;
                                      &lt;a href="#"&gt;Buy Now&lt;/a&gt;
  
                                  &lt;/div&gt;
                              &lt;/div&gt;
                          &lt;/div&gt;
  </code></pre>
  
  <p>I want if i click the buy now button and value get go to another page. I mean billing options page</p>
  
  <p>please help me sir </p>
  
  <p>I don't know how to use javascript.</p>
  
  <p>update code:</p>
  
  <p>Source code:</p>
  
  <pre><code>&lt;script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"&gt;&lt;/script&gt;
     Name:
  &lt;input type="text" id="txtName" name="Name" value="Mudassar Khan" /&gt;&lt;br /&gt;
  &lt;br /&gt;
  Technology:
  &lt;select id="ddlTechnolgy" name="Technology"&gt;
      &lt;option value="ASP.Net"&gt;ASP.Net&lt;/option&gt;
      &lt;option value="PHP"&gt;PHP&lt;/option&gt;
      &lt;option value="JSP"&gt;JSP&lt;/option&gt;
  &lt;/select&gt;
  
  &lt;input type="button" id="btnQueryString" value="Send" /&gt;
  &lt;script type="text/javascript"&gt;
      $(function () {
          $("#btnQueryString").bind("click", function () {
              var url = "MyPage2.html?name=" + encodeURIComponent($("#txtName").val()) + "&amp;technology=" + encodeURIComponent($("#ddlTechnolgy").val());
              window.location.href = url;
          });
      });
  &lt;/script&gt;
  </code></pre>
  
  <p>Destination Code:</p>
  
  <pre><code>&lt;script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"&gt;&lt;/script&gt;
      &lt;script type="text/javascript"&gt;
      var queryString = new Array();
      $(function () {
          if (queryString.length == 0) {
              if (window.location.search.split('?').length &gt; 1) {
                  var params = window.location.search.split('?')[1].split('&amp;');
                  for (var i = 0; i &lt; params.length; i++) {
                      var key = params[i].split('=')[0];
                      var value = decodeURIComponent(params[i].split('=')[1]);
                      queryString[key] = value;
                  }
              }
          }
          if (queryString["name"] != null &amp;&amp; queryString["technology"] != null) {
              var data = "&lt;u&gt;Values from QueryString&lt;/u&gt;&lt;br /&gt;&lt;br /&gt;";
              data += "&lt;b&gt;Name:&lt;/b&gt; " + queryString["name"] + " &lt;b&gt;Technology:&lt;/b&gt; " + queryString["technology"];
              $("#lblData").html(data);
          }
      });
  &lt;/script&gt;
  </code></pre>
  
  <p>Any problem my code:</p>