将值存储到 Cookie 中，并在页面加载时显示这些值

storing the values into the cookie and displaying those values on page load

本文关键字：加载 显示 存储 Cookie      更新时间：2023-09-26
嗨，我

有一个包含许多字段的PHP表单，现在我尝试编写用于将所有这些值存储到数组中的代码，并将它们存储在JavaScript中的cookie中。 代码如下：

<script type="text/javascript">
function setDate()
{
var today = new Date();
var month = today.getMonth() + 1;
var day = today.getDate();
var year = today.getFullYear();
document.forms['form1'].elements['date'].value= month + "/" + day + "/" + year;
}
function add_newoption(optionname)
{
  document.getElementById(optionname).InnerHTML = "";
}
var win = null;
function optionWindow(mypage,myname,w,h){
LeftPosition = (screen.width) ? (screen.width-w)/2: 0;
TopPosition = (screen.height) ? (screen.height-h)/2: 0;
settings =
'height='+h+',width='+w+',top='+TopPosition+',left='+LeftPosition;
win = window.open(mypage,myname,settings);
win.focus();
}
function setAction(act)
{
    document.forms['form1'].action = act;
    document.forms['form1'].submit();
}
</script>

表单的代码如下：

<body onLoad="setDate();">
<br/>
<center>
<fieldset class="style1" style="width:800px; background-color:#FFFFFF">
<h4 align="center"> Designer Form </h4>
<form id="form1" name="form1" method="post" >
  <table width="700" border="0" cellpadding="2" cellspacing="2" bgcolor="#FFFFFF" style="text-align:left; padding: 25px 0px 25px 0px;">
    <tr>
      <td width="174" align="right">Date:</td>
      <td width="331"><input name="date" type="text" size="10" readonly/></td>
      <td width="175" style="text-align:center;">Order Number:
      <input name="order_num" type="text" size="10" value=""/></td>
    </tr>
    <tr>
      <td >&nbsp;</td>
      <td>&nbsp;</td>
      <td style="text-align:center;"><input name="orderdetails" type="submit" value="Get Order Details" onClick="setAction('?action=getorder');"/></td>
    </tr>
    <tr>
      <td colspan='4'>     <input name="email" id="email" type="hidden" value=""/>     </td> 
    </tr>
    <tr>
      <td align="right">First Name:</td>
      <td><input name="fname" type="text" value=""/></td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td align="right">Last Name:</td>
      <td><input name="lname" type="text" value=""/></td>
      <td>&nbsp;</td>
    </tr>

    <tr>
      <td align="right">Image Submitted:</td>
      <td><input name="image" type="text" /></td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td align="right">General Comments: </td>
      <td><textarea name="gen_comments" cols="50" rows="6"></textarea></td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td align="right">Internal Comments:</td>
      <td><textarea name="int_comments" cols="50" rows="6"></textarea></td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td align="right">Quality of the File:</td>
      <td colspan="2" style="padding-right:4px">
       <select name="quality">
       <option>Select One</option><option value="good">Good</option><option value="ok">A bit low but we can use it</option><option value="low">Low. We are concerned it might effect the qaulity of the final</option><option value="not good">Not good. We cannot work with it</option><option value="test2">test2</option><option value="test">test</option><option value="lisa">Lisa1</option><option value="bbb">aaa</option>        <!--option value="good">Good</option>
       <option value="ok">A bit low but we can use it</option>
       <option value="low">Low. We are concerned it might effect the qaulity of the final </option>
       <option value="not good">Not good. We can't work with it</option-->
        </select>

现在我想在这里做的是获取在表单中输入的所有这些值以存储到数组中，并且必须设置 cookie 以在页面重新加载时检索它们......我如何使用 JavaScript 为此编写函数，以及在表单中在哪里调用该函数，以便在页面重新加载时将这些值放入表单中..？？对我来说，任何帮助都是需要的。提前谢谢..

我认为您应该使用localStorage.setItem("DataKey","DataValue");来存储任何值。为了获得价值，您可以使用localStorage.getItem("DataKey");

FF，chrome，safari支持本地存储，但我不知道IE。

相关文章：