javascript - 切换值后自动提交

Question

我想在切换值后自动提交，代码如下所示。

Index.php

<form action="foo.php" method="post" id="form1">
<input type="hidden" id="ipt" value="" name="foo">
</form>

<button type="submit" id="btn" value="Leviathan">Leviathan</button>

    <script>

    var btn = document.getElementById('btn');

    btn.addEventListener('click', function(event){

    document.getElementById('ipt').value = event.target.value;
    document.getElementById('form1').submit();}, false);

    </script>

foo.php

<?php if(isset($_POST['foo'])){echo $_POST['foo'];} ?>

我想要的代码是将值从按钮切换到输入然后提交。使用上面的代码它会切换值，但不会向 foo.php 提交任何内容。

如何做到这一点？

Answer 1

我在此代码中发现的唯一问题

替换

document getElementById('form1').submit();

与

document.getElementById('form1').submit();

“。”您的代码中缺少