javascript - 将表单数据保存到Cookie

我已经尝试解决这个问题大约一个星期了，但是没有运气。我正在尝试将表单字段中的值保存到cookie onclick =“ updatePricingFunction（），但是当我单击附加到onclick的updatePricingFunction按钮时，该值不会更改为新数字。 ？

function updatePricingFunction(){
 var beforeNoonField = document.getElementById("beforeNoonNPSlot"); // beforeNoonNPSlot is a form id.
    document.cookie = "beforeNoonCookie=" + beforeNoonField; // Create the cookie

}

最佳答案

大声笑您的代码是有点错误，但为了论证，您已经

<form name="myform">
     Enter Number<input type="text" name="sampletext" id="beforeNoonNPSlot">
     <button type="button" onclick="updatePricingFunction()">Set Cookie</button>
</form>

您需要获取表单的名称以及要从中获取值的texbox的名称。这样，当单击按钮时，将调用函数updatePricingFunction（），它将从窗体中的文本框中检索值。

 function updatePricingFunction()
 {
      //To get a value in a text field, you must have your variable equals
      //document.forms["(form name here)"]["(name of the text field here)"].value
      var beforeNoonField = document.forms["myform"]["sampletext"].value;//This gets your value
      document.cookie = "beforeNoonCookie=" + beforeNoonField; // Create the cookie
 }

请注意，此方法是使用javascript获取值的更常规的方法，因此您应该更频繁地使用它。