如何使用 onclick 将隐藏的 ID 值传递到另一个页面

Question

I would like to know how do I pass the hidden value to another page using onclick here is my code:

<button type="button" id="requestthis" class="btn btn-primary" onclick="pass()"><a href="submitrequest.php">Request</a></button>
<input type="hidden" id="hidden_user_id">

I used this function but it didn't seem to work.

<script type="text/javascript">
    function pass(id)
    {
        url: 'submitrequest.php'+id;
    }
</script>

Other sites I visited didn't do any help.

Anyone who could point out where did I do wrong? Thanks in advance.

Answer 1

You don't need to pass anything to pass

function pass()
    {
        var hiddenVal = $("#hidden_user_id").val();
        url= 'submitrequest.php?hidden_vale='+hiddenVal;
    }

Answer 2

It's better to avoid inline-event onClick() and attach event in the JS code, check example bellow.

HTML :

<button type="button" id="requestthis" class="btn btn-primary">
    <a href="submitrequest.php">Request</a>
</button>

<input type="hidden" id="hidden_user_id">

JS :

<script type="text/javascript">
    $(function() { //ready function
        $('#requestthis').on('click', function(e){ //click event
            e.preventDefault(); //prevent the click from redirecting you to "submitrequest.php"

            var hidden_id = $('#hidden_user_id').val();
            var url = "submitrequest.php?hidden_id="+hidden_id;

            window.location.replace(url);
            //OR 
            //window.location.href = url;
        })
    })
</script>

To get the parameter id in the other page you have to use $_GET[] , example :

echo $_GET['hidden_id'];

Hope this helps.