小编Mik*_*ens的帖子

使用两个提交按钮区分HTML表单上的提交按钮

我正在使用表单将信息发送到php页面.(使用'GET')我想在表单下面有两个按钮:一个用于预览生成的页面,另一个用于下载生成的页面.

我找到了预览部分的解决方案:

<script type="text/javascript">
    $("form").submit(function() {
        $("form").attr('target', '_blank');
        return true;
    });
</script>
Run Code Online (Sandbox Code Playgroud)

哪个效果很好.

为了使生成的页面可供下载,我通常使用普通的提交按钮:

<input type="submit"
       name="submit"
       id="submit"
       onClick="myFunction()"
       value="Download Bonus Page" >
Run Code Online (Sandbox Code Playgroud)

在生成的php页面上,我在最顶部添加了

<?php
    $filename = 'bonuspage.html';
    header('Content-disposition: attachment; filename=' . $filename);
    header('Content-type: text/html');
    // ... the rest of your file
?>
Run Code Online (Sandbox Code Playgroud)

我想知道如何将两种功能结合起来,因为当我点击任一按钮时,它始终是打开的预览 - 我无法让下载工作......

javascript php jquery submit preview

7
推荐指数
1
解决办法
713
查看次数

标签 统计

javascript ×1

jquery ×1

php ×1

preview ×1

submit ×1