Passing form values between pages

I apologize for the compexity of this, but I could sure use some help with this…

I have two variables that I would like to pass to a new URL via a form input along with a third string input by the user (their name). The city and st variables do indeed change. You will see the two variables included within the hidden input types below. The name does indeed make it to the new form but the actual values of the two variables do not. Is there a way to do this? An example follows:

var city = “Tucson”;
var st = “Arizona”;

<script language=”Javascript”>
<!–
document.write(“<FORM NAME=”myform” ACTION=”http://mypage.com/index.html” METHOD=”post”>”);
document.write(“Please type your name”);
document.write(“<INPUT TYPE=”text” NAME=”name” VALUE=””>”);
document.write(“<INPUT TYPE=”submit” NAME=”button” Value=”Enter Name” >”);
document.write(“<input type=”hidden” name=”city” [B]value=city[/B]>”);
document.write(“<input type=”hidden” name=”state” [B]value=st[/B]>”);
document.write(“</FORM>”);
// –>
</script>

Thanks!
Frank

Also in #HTML _↴