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

Question

我们的一个附属机构希望我们能够根据 URL 预先填充表单上的字段。使用诸如“s5 参数”之类的东西。例如:

这里是示例链接:

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

我该如何去做呢？我只使用 JavaScript。

谢谢!

Answer 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>