2015-09-04 60 views
0

这是我疯狂,我已经没有运气各地到处寻找解决方案...填充形式输入传递数据

我有一个使用的Aweber申请表单,表单注册页面 - 它收集全名和电子邮件地址。

这种形式提交,并重定向到第二页(确认页),并通过对URL的末尾值:

?email=dummyemail%40gmail.com&from=dummyemail%40gmail.com&listname=awlist4009916&meta_adtracking=stillhead&meta_message=1&meta_required=name%2Cemail&meta_split_id=&meta_tooltip=&meta_web_form_id=1277063733&name=Example%20Name 

现在,Aweber提供的JavaScript块放置在确认页面似乎抓住表单数据并使其可用于页面。

<script type="text/javascript"> 
var formData = function() { var query_string = (location.search) ? ((location.search.indexOf('#') != -1) ? location.search.substring(1, location.search.indexOf('#')) : location.search.substring(1)) : ''; 
var elements = []; 
if(query_string) {  
    var pairs = query_string.split("&");  
    for(i in pairs) {  
     if (typeof pairs[i] == 'string') {   
      var tmp = pairs[i].split("=");   
      var queryKey = unescape(tmp[0]);   
      queryKey = (queryKey.charAt(0) == 'c') ? queryKey.replace(/\s/g, "_") : queryKey; 
      elements[queryKey] = unescape(tmp[1]);  
      }  
     } 
} 
return {  
    display: function(key) {   
     if(elements[key]) {   
      document.write(elements[key]);   
     } 
     else {   
       document.write("<!--If desired, replace everything between these quotes with a default in case there is no data in the query string.-->");   
      }  
    } 
} 
} 
(); </script> 

然后他们说,打电话的电子邮件地址使用此:

<script type="text/javascript">formData.display("email")</script> 

其中一期工程。我有这么多。

我现在想要做的是,而不是显示电子邮件地址,我想用这些数据填充表单字段。

表单字段坐在由WordPress插件(因此为什么我不能只跳在那里)产生的形式,并且将其输出的块:

<li class="swpm-item swpm-item-email " id="item-swpm-5"> 
    <label for="swpm-5" class="swpm-desc">Email <span class="swpm-required-asterisk">*</span></label> 
    <span class="swpm-span"> 
     <input type="email" name="swpm-5" id="swpm-5" value="" class="swpm-text swpm-medium required email "><p>Email</p> 
    </span> 
</li> 

我曾尝试用jQuery各种方法但似乎无法得到它的底部,并且这让我疯狂。

我假定为简单的东西:

$(document).ready(function() { 
    $('#swpm-5').val(formData.display("email")); 
}); 

但是失败了。

然后我试图

$(document).ready(function() { 
    var emailaddr = formData.display("email"); 
    $("#swpm-5").val(emailaddr); 
}); 

但仍没有运气。

有人可以给我一些帮助吗?我觉得我一定错过了一些至关重要的东西。

回答

0

尝试这样的:

function getQueryStringAsObject(uri) { 
    var uri = uri || location.href; 
    var qsAsObject = {}; 
    uri.replace(
     /([^?=&]+)(?:=([^&]*))?/g, 
     function($0, $1, $2) { qsAsObject[$1] = decodeURIComponent($2); } 
    ); 
    return qsAsObject; 
} 

// You can replace next line by 
// $(document).ready(function() { 
jQuery(function($) { 
    var qsAsObject = getQueryStringAsObject(); 
    $('#swpm-5').val(qsAsObject.email); 
}); 

,忘了;-)

+0

现在 “的Javascript块由Aweber [规定]”,这是一种进步 - 谢谢! 现在只有问题是填写'%40'而不是'@' 任何想法? – alexcowles

+0

是的,对不起,我使用'decodeURI'而不是'decodeURIComponent'。现在它应该与我编辑的答案修复 – laruiss

+0

哦,我 - 你不知道我是多么感激。我最终对解决方案感到非常兴奋,这是错误的吗?谢谢! – alexcowles