网址查询字符串中变量的javascript表单字段填充

Question

I would like to update a text field within a webform with a variable from the url query string using javascript.

I do not have access to target the form id or name, only the field id and name

Example url: www.xyz.com?name=Chris

Example form code:

 <form method="post"> <input type="text" name="Name" id="Name"> <input type="submit" value="Submit"> </form> 

Appreciate the help Regards, Chris

Answer 1

Use the following function to get the value from the URL.

function getParameterByName(name) {
    name = name.replace(/[\[]/, "\\[").replace(/[\]]/, "\\]");
    var regex = new RegExp("[\\?&]" + name + "=([^&#]*)"),
        results = regex.exec(location.search);
    return results === null ? "" : decodeURIComponent(results[1].replace(/\+/g, " "));
}

Then use the following code to update the input with the value.

document.getElementsByName('Name').value = getParameterByName('name');

update

if you want to run the code when the page loads, just add the code to the bottom of the page in a script tag! The script will run after the page loads and would change the value on the input using the query string.

Answer 2

You can get & extract the query string in JavaScript using the following Lines.

var qrStr = window.location.search;
qrStr = qrStr.split("?")[1].split("=")[1];

to pass value....

function PassValue()
 {
   var paramVal = "Hello ";
   window.open("Default.aspx?id=" + paramVal);
  }

   <asp:Button ID="Button1" runat="server" Text="Button"
   OnClientClick="PassValue();" onclick="Button1_Click" />