尝试使用特定URL预填充表单字段

时间:2014-10-10 17:27:01

标签: javascript jquery

我们的一个关联公司希望我们能够根据网址预先填写表单上的字段。使用诸如“s5参数”之类的东西。例如:

以下是示例链接:

www.smartreliefrx.com/qualify/new/diabetes/?a=1476&oc=172&c=1205&m=2&s1=#affid#&s2=#s2#&s3=#s1#&#s5#

我该怎么做呢?我只使用JavaScript。

谢谢!

1 个答案:

答案 0 :(得分:1)

删除网址中参数的#,或者您需要更改下面的功能。同时将var url更改为window.location,我认为它正确但仔细检查,试试这个:

查看实际操作:http://jsfiddle.net/wp4Ls24n/2/

function populateForm() {
  var formVal = '';
  var url = 'http://www.smartreliefrx.com/qualify/new/diabetes/?a=1476&oc=172&c=1205&m=2&s1=#affid&s2=#s2&s3=s1#&s5=someValue';
  //var url = window.location.search.substring(1);
  url = url.split('&');
  for(var i=0; i<url.length; i++) {
    var pair = url[i].split('=');
    if(pair[0] == 's5') {
      formVal = pair[1];  
    }
  }
  document.getElementById('someInput').value = formVal;
}

populateForm();


<form>
    <label>Some Input:</label>
    <input id="someInput" />
</form>