Getting an "undefined" error when passing a variable to a function using Microsoft Razor

Question

I am trying to call a function and pass a variable to it. However I get an "undefined" error.
The code is:
Layout = "~/_SiteLayout.cshtml";
Page.Title = "General Information";
var recID = 3;
<input type="text" id="rdy">
<p>
<a href=""><input type="button" name="button" id="button" value="Next Hypothetical" onclick='reselectState(recID)'></a>
</p>
<script>
function reselectState(recIDx)
var elem = document.getElementById("rdy");
elem.value = recIDx;
var rdy = $("#rdy").val();
alert(rdy);
location.href = '/hypothetical.cshtml?recordkey=' + rdy;
</script>
It seems to think that the variable "recID" is undefined even though it exists and I assign a value to it.

Answer 1

Michael,
Let me ask you this ... Are you trying to pass the value of the Input value? If you are looking for the input value to be .. then I made some changes you can follow...
    var recId = 3;
    <input type="text" id="rdy">
    <p>
        <a href="">@*<input type="button" name="button" id="button" value="Next Hypothetical" onclick='reselectState(recId)'>*@</a>
        <input type="button" name="button" id="button" value="Next Hypothetical" onclick='test()' />
    </p>
    <script>
        function test() {
            var inputValue = document.getElementById("rdy").value;
            reselectState(inputValue);
        function reselectState(recIDx) {
            var elem = document.getElementById("rdy");
            elem.value = recIDx;
            var rdy = $("#rdy").val();
            alert(rdy);
            location.href = '/hypothetical.cshtml?recordkey=' + rdy;
    </script>
--Thanks,
Pavan