Question

在我的网站上，我列出了人们可以查看的所有信件。对于每个字母，都有一个表格，可以将信件中的一些数据发送到下一页。我想要做的是提交一个带有链接的表单，而不是一个按钮。据我所知，PHP无法做到这一点。所以我尝试在Javascript中制作我想要的东西。我在Javascript中的编程经验几乎是0％。我需要一些帮助：）

这是我正在使用的代码：

<script type="text/javascript">
function submitform()
{
    document.forms["brief_weergeven"].submit();
}
</script>

<form id='brief_weergeven[]' action='<?php echo $main; ?>beveiligd/achterbanner/nieuwsbrief.php' method='POST'>
    <input type='hidden' name='nummer' value='<?php echo $brieven[0]; ?>'>
    <input type='hidden' name='datum_maand' value='<?php echo $maand_getal; ?>'>
    <input type='hidden' name='datum_jaar' value='<?php echo $jaar; ?>'>
    <a href="javascript: submitform()" class='button'>Nieuwsbrief <?php echo $brieven[0]; ?> (<?php echo $maand .' ' .$jaar; ?>)<BR></a>
</form>

此代码适用于每个字母。如您所见，我正在使用数组为所有表单提供单独的ID。唯一的问题是我不知道如何让javascript知道我提交的论坛。

我该怎么做？请记住，我对javascript一无所知，所以请解释你在答案中所做的事情。

Answer 1

你不需要javascript来做这个，只需使用css使你的按钮看起来像一个链接：

的CSS：

button {
        border:none;
        padding:0;
        background: none;
        color: blue;
        text-decoration: underline;
        cursor: pointer;
    }

HTML：

<button type="submit">Submit</button>

Answer 2

您可以使用document.getElementById('form-id') 像这样的事件处理程序

var form = document.getElementById('your-form-id');
form.onsubmit = function(){
// code   
}

Answer 3

user574632 为您提供了不错的选择。甚至还想使用JavaScript，你可以在下面试试。

使用带有 onclick 属性的jQuery id 方法 selector

<script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script type="text/javascript">
$(function(){
    $("#submit_link").on("click", function(){
        var form = $(this);
        var url = form.attr("action");
        var data = form.serialize();
        $.post(url, data);
    });
});
</script>

<form id='brief_weergeven[]' action='<?php echo $main; ?>beveiligd/achterbanner/nieuwsbrief.php' method='POST'>
    <input type='hidden' name='nummer' value='<?php echo $brieven[0]; ?>'>
    <input type='hidden' name='datum_maand' value='<?php echo $maand_getal; ?>'>
    <input type='hidden' name='datum_jaar' value='<?php echo $jaar; ?>'>
    <a href="#" id="submit_link" class='button'>Nieuwsbrief <?php echo $brieven[0]; ?> (<?php echo $maand .' ' .$jaar; ?>)<BR></a>
</form>

如何使用javascript从多个提交一个表单

3 个答案: