0

我正在使用 MailChimp 将字段合并到一个 URL 中，指导人们在我的网站上填写表格。我想用来自 URL 的信息预填充文本框。

例如：http ://www.sitename.com/page?fname=John&lname=Smith&email=jsmith@email.com

我是这方面的新手，不确定我在这里做错了什么。这是我的核心代码：

<head>

<script>
$.extend({
  getUrlVars: function(){
    var vars = [], hash;
    var hashes = window.location.href.slice(window.location.href.indexOf('?') + 1).split('&');
    for(var i = 0; i < hashes.length; i++)
    {
      hash = hashes[i].split('=');
      vars.push(hash[0]);
      vars[hash[0]] = hash[1];
    }
    return vars;
  },
  getUrlVar: function(name){
    return $.getUrlVars()[name];
  }
});
</script>

</head>

<body>

    <form id="form_id_name" method="POST" action="/forms/users">

    <label for="fname">First Name:</label>
    <input required="" class="text" id="user_first_name" name="user[first_name]" type="text" />

<script>
$("#user_first_name").val($.getUrlVar("fname"));
</script>  

    <label for="lname">Last Name:</label>
    <input class="text" id="user_last_name" name="user[last_name]" type="text" />

<script>
$("#user_last_name").val($.getUrlVar("lname"));
</script>  

    <label for="email">Email Address:</label>
    <input class="text" id="user_email" name="user[email]" type="email" />

<script>
$("#user_email").val($.getUrlVar("email"));
</script> 

    <input type="submit" name="commit" value="Submit" />

  </form>

</body>
4

1 回答 1

0

问题是，正如@Mike McCaughan 所提到的，您没有扩展任何内容。据我所知，您在哪里使用了该功能，您正在尝试创建一个 jquery 函数/插件。试试这个

$.fn.extend({
  getUrlVars: function(){
    var vars = [], hash;
    var hashes = window.location.href.slice(window.location.href.indexOf('?') + 1).split('&');
    for(var i = 0; i < hashes.length; i++)
    {
      hash = hashes[i].split('=');
      vars.push(hash[0]);
      vars[hash[0]] = hash[1];
    }
    return vars;
  },
  getUrlVar: function(name){
    return $.getUrlVars()[name];
  }
});

于 2017-04-07T17:32:50.690 回答