使用javascript或jquery通过get将数据从一种形式推送到另一种形式

时间:2016-02-24 23:06:54

标签: javascript php html magento get

我的网站上有一个初始注册框,用于在php中构建电子邮件。我正在使用magento所以我不能简单地从下一页的get到电子邮件字段中回显变量。这是我目前用来做这件事的唯一方法。

<form action="<?php echo $this->getUrl('email_preferences') ?>" method="get" id="newsletter-validate-detail" class="footerNewsletter">
    <label for="newsletter" class="footerHeads"><?php echo $this->__('Connect With US') ?></label>
    <div class="inputTextContainer">
        <input name="email" type="text" id="newsletter" placeholder="<?php echo $this->__('enter email for specials and updates!') ?>"
               title="<?php echo $this->__('Enter email for specials and updates!') ?>" class="required-entry validate-email">
        <i class="icon-mail"></i>
    </div>
    <input type="hidden" name="source" value="nt" />
    <button type="submit" class="button" style="display:none;" title="<?php echo $this->__('Subscribe') ?>"><span><span><?php echo $this->__('Subscribe') ?></span></span></button>
</form>
<script type="text/javascript">
//<![CDATA[
    var newsletterSubscriberFormDetail = new VarienForm('newsletter-validate-detail');
//]]>
</script>

第二页将有一个标准输入框,如下所示:

<input type="text" name="email" size="40" maxlength="100" value=""/>

我知道在php中我可以使用值和echo $ email。

我在javascript中思考我可以使用类似的东西:

<script type="text/javascript">
document.getElementById("email").innerhtml = window.location.search;
</script>

我不知道如何使用document.write来填写电子邮件输入。

1 个答案:

答案 0 :(得分:1)

尝试使用jQuery,它会让生活变得更轻松。假设您的网页网址如下:www.example.com/page.php?email=me@email.com

<script type="text/javascript">
$(function() {
    $('input[name="email"]').val(window.location.search.replace('?email=', ''));
});
</script>

如果您正在访问www.example.com/page.php?email=you@domain.com,那么&#34;名称&#34;输入字段将获得值&#34; you@domain.com"。

示例fidde:https://jsfiddle.net/f8817t4q/(为了演示目的,必须用静态字符串替换window.location.search。)