如何从表单中编写javascript cookies，然后将信息打印到警报或隐藏的div中？

如何使用JavaScript从表单字段写入cookie，然后在警报或隐藏的div中打印信息

这是我迄今为止尝试过的一个例子

<script type="text/javascript">
function cookieForm() {
 document.cookie = "name_first" + encodeURIComponent(document.forms[0].name_first.value); 
}
function printCustomerInfo() {
 var queryData = decodeURIComponent(document.cookie);
 var queryArray = queryData.split(";");
if (document.cookie) {
   window.alert("Your info. is:" + queryArray[0]);
   window.alert[0].name_last.value = QueryArray[1].substring(queryArray[1].lastIndexOf("=") + 1);
}
}
</script>
<input type="submit" value="Submit" onclick="cookieForm(), printCustomerInfo()"/>

函数cookieForm（）{
document.cookie=“name\u first”+encodeURIComponent（document.forms[0].name\u first.value）；
}
函数printCustomerInfo（）{
var queryData=decodeURIComponent（document.cookie）；
var queryArray=queryData.split（“；”）；
if（document.cookie）{
window.alert（“您的信息是：+queryArray[0]）；
window.alert[0]。name\u last.value=QueryArray[1]。子字符串（QueryArray[1]。lastIndexOf（“=”）+1）；
}
}

首先，cookie字符串中缺少“=”：

document.cookie = "name_first=" + encodeURIComponent(document.forms[0].name_first.value); 

其次，您的queryData没有“；”可分割，也没有姓氏值——至少从这里显示的情况来看是这样

这我不明白：

window.alert[0].name_last.value = ...

我将从您的事件中调用单个函数，并让该父级同时设置cookie和解析cookie。这样至少可以更好地调试它

re：一个div，你可以这样做：

但一般来说，最好使用jquery来操作元素，因为它可以减轻浏览器的差异，尽管在这种情况下这并不重要：

$("yourDiv").html("Your info. is:" + queryArray[0]);
$("yourDiv").css ( { 'visibility': 'visible' } );

---

祝你好运。

照此，我收到一条消息，name_first=未定义。我是新手，不知道我做错了什么。我添加了“=”并且它终于开始写饼干了-谢谢！姓氏只是我正在处理的其他信息（为了示例，我省略了它）。我从我的书中得到了“window.alert[0].name\u first.value=”语句。我已将其更改为一个窗口警报，可打印多个“queryArray[]”值，它似乎工作正常，但显示效果糟糕。你知道我怎么把它打印到弹出的div中吗？

$("yourDiv").html("Your info. is:" + queryArray[0]);
$("yourDiv").css ( { 'visibility': 'visible' } );