Change HTML Post parameter on Submit

Question

I have 1 form, with 2 Submit buttons.

When I click one button, I want certain values to be posted. When I click other button I want other values to be posted.

This is what I tried, did not work:

<form action="/test" method="post">

    <input type="hidden" id="bool" name="bool" value="" />

    <input type="submit" value="Yes" onclick="test()" />
    <input type="submit" value="No" onclick="test1()" />

</form>

<script type="text/javascript">
    function test() {
        document.getElementById('bool').value = "true";
    }
    function test1() {
        document.getElementById('bool').value = "false";
    }
</script>

Answer 1

Use this instead:

<form action="/test" method="post" onsubmit="document.getElementById('bool').value = 'true'; return true;">

    <input type="hidden" id="bool" name="bool" value="" />

    <input type="submit" value="Yes" onclick="test()" />
    <input type="submit" value="No" onclick="test1()" />

</form>

Answer 2

<form action="/test" method="post" name="myform">

    <input type="hidden" id="bool" name="bool" value="" />

    <input type="button" value="Yes" onclick="test()" />
    <input type="button" value="No" onclick="test1()" />

</form>

<script type="text/javascript">
    function test() {
        document.getElementById('bool').value = "true";
        document.myform.submit();
    }
    function test1() {
        document.getElementById('bool').value = "false";
        document.myform.submit();
    }
</script>