javascript插入表单提交

Question

我正在尝试通过JavaScript通过表单发送数据，但是它不起作用。 有什么想法吗？

<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
<form method="get" action="test.php">
<input id="myvar" type="hidden" name="albumid" />

<button type="submit" id="btnsubmit">Submit</button>
</form>

<script type="text/javascript">
$("#btnsubmit").click(function(){     
    var album = '11';
    document.getElementById('myvar').value = album;

  });
</script>

test.php

<?php echo $_GET["albumid"]; ?>

Answer 1

您需要停止对Submit事件的默认操作：

$("#btnsubmit").click(function(e){
    e.preventDefault();
    var album = '11';
    $('#myvar').val(album);
});

Answer 2

输入id并提交表单

<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
<form id="myform" method="get" action="test.php">
<input id="myvar" type="hidden" name="albumid" />

<button type="submit" id="btnsubmit">Submit</button>
</form>

<script type="text/javascript">
$("#btnsubmit").click(function(){     
    var album = '11';
    document.getElementById('myvar').value = album;
    document.getElementById('myform').submit();

  });
</script>

Answer 3

有几个问题：

1. 加载jquery库时，您在src缺少http:
2. 由于您加载了jQuery，因此使用它$('#myvar').val(album); 。 查看更多关于val()

话虽这么说

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>

<form method="get" action="test.php">
    <input id="myvar" type="hidden" name="albumid" />
    <button type="submit" id="btnsubmit">Submit</button>
</form>

<script type="text/javascript">
    $('form').submit(function() {     
        var album = '11';
        $('#myvar').val(album);
    });
</script>