无法将 JS var 插入隐藏字段

Question

我保证...我已经对此进行了超过 24 小时的研究。我知道它与其他一些问题相似（如果不完全相同）。我显然错过了一些东西。 （这将是一个冗长的解释......我道歉。请不要让它吓到你......我很确定根本问题/问题会比这一切看起来容易得多！ )

期望的最终结果是让一些 JS 变量从 HTML 表单发布到我的进程 PHP 脚本。很简单吧？

我有一个功能齐全的表单，它使用 一堆 输入字段进行大量计算...这里发布太复杂了...更不用说我真的不想要让自己对我确定是非常糟糕的编码感到难堪！

简而言之...我有一个在运行过程中设置各种 JS 变量的函数。我需要将这些变量插入到一些隐藏的输入字段中，以便它们与所有“正常”输入一起转移到我的处理 PHP 中。所有这些变量都代表浮点数（如果有任何差异）

这是我的表单定义：

<form id="multiForm" action="App_post.php" method="POST" action="javascript:void(0)" id="appform" name="appform">

我有一个“主”函数，它主要根据用户选择各种单选按钮的时间来启动所有计算。当用户选择按钮时，各种选择器在表单中动态更新（实际上是用户选择俱乐部会员费和“附加”项目的不同选项......有人一定会问我在做什么！）

$(function () {
...lots of JS code here along with the calculations that create the JS vars I need
}

（我假设这个函数是通过 action="javascript:void(0)" 调用的）

现在让我们只关注一个 var。完成所有计算后，JS var "regularfee"（以及我想要的所有其他人）就存在了。我需要将这些值插入隐藏字段，以便发布。

以下是隐藏字段的示例：

<input type="hidden" name="regularfee" id="regularfee" value="">

这就是我迷路的地方。在所有计算完成后，我在函数中做了一个 console.log(regularfee)...它设置为浮点数 26.5（这是正确的）

到目前为止，我尝试了以下几件事：

document.getElementById('regularfee').value=regularfee;
//  --OR--
document.getElementById('regularfee').value=regularfee.value;
document.getElementById("app").submit();

无论我尝试了什么，都会将空白值发布到我的 PHP 进程中。根据我看到的其他问题，隐藏输入字段方法似乎是执行此操作的“公认”方法之一。我没有坚持这种方法......只是寻找最简单的方法来发布我的变量！我错过了什么？非常感谢所有帮助！

Answer 1

尝试常规发布或使用 AJAX 提交。

$.fn.serializeObject = function()
{
    var o = {};
    var a = this.serializeArray();
    $.each(a, function() {
        if (o[this.name] !== undefined) {
            if (!o[this.name].push) {
                o[this.name] = [o[this.name]];
            }
            o[this.name].push(this.value || '');
        } else {
            o[this.name] = this.value || '';
        }
    });
    return o;
};

此方法以您的形式获取所有输入，包括选择和检查。

  //multiForm form is your ID in ur form
 var data = $("#multiForm :input").serializeObject();

使用ajax保存到php脚本后。

         $.ajax({
        type: "POST",
        url: "phpscript.php",
        data: data,
    success: function() {
         alert("Input Success!");
         }
        });

这将如何帮助您！

Answer 2

从技术上讲，这种语法应该很好用……

document.getElementById('regularfee').value=regularfee;

这是假设regularfee 变量存在并且它是float 类型。或者更好地使用 jQuery

$('#regularfee').val([your value here]);

问题，为什么您的表单中有两个操作？它是如何工作的？

<form id="multiForm" action="App_post.php" method="POST" action="javascript:void(0)" id="appform" name="appform">

另外，为了省心，还可以做一个console.log来检查隐藏字段设置后的值

Answer 3

您的表单中有两个操作属性。删除“javascript:void(0)”的第二个。它没有调用你认为的函数（你在那里的匿名函数看起来是在 dom 就绪时执行的）。