如何将两个输入字段连接成一个隐藏字段以传递表单提交答案

【问题标题】：How to concatenate two input fields into one hidden field to pass on form submit如何将两个输入字段连接成一个隐藏字段以传递表单提交
【发布时间】：2020-10-27 01:26:21
【问题描述】：

我正在尝试创建一个函数来捕获名字 (req_firstName) 和姓氏 (req_lastName) 并将它们组合到一个隐藏字段 (req_fullName) 中。提交表单后，所有三个字段都将传递到数据库，但是我的代码有问题。名字和姓氏字段传递到数据库，但不是全名。谁能告诉我这里缺少什么？

<form action="" method="post" target="requestAccessSubmitFrame" role="form" id="requestAccess">
<input name="req_fullName" id="req_fullName" value="" type="hidden">
<input class="form-control" name="req_firstName" id="req_firstName" required aria-required="true" type="text">
<input class="form-control" name="req_lastName" id="req_lastName" required aria-required="true" type="text">
<button type="submit" class="btn btn-primary">Send request</button>


    $(document).ready(function() {
        $(function(){
            $("#requestAccess").submit(function(event){
                $('#requestAccessModalBody01').hide();
                $('#requestAccessModalBody02').show();
            });
            $('#req_firstName,#req_lastName').on("keyup",function(){     
                fName = $("#req_firstName").val();  
                lName = $("#req_lastName").val(); 
                fullName = fName + " " + lName;
                $("#req_fullName").val(fullName);
                console.log(fullName);
                console.log("Submitted Request Access");
            });
        }); 
    });

【问题讨论】：

是什么让您认为问题出在表单而不是服务器端？你的调试结果是什么？
这样做有什么意义？只需发送第一个和最后一个并在服务器端组合它们
控制台上没有显示任何内容。我还四重检查了服务器设置（表单字段名称、验证等）。
@j08691 - 这不是一个选项。说来话长。

标签： jquery forms hidden-field

【解决方案1】：

那里显示的代码实际上没有错误。我把它放在https://jsfiddle.net/u6q9sn2a/1/

<form action="" method="post" target="requestAccessSubmitFrame" role="form" id="requestAccess">
<input name="req_fullName" id="req_fullName" value="" type="hidden">
<input class="form-control" name="req_firstName" id="req_firstName" required aria-required="true" type="text">
<input class="form-control" name="req_lastName" id="req_lastName" required aria-required="true" type="text">
<button type="submit" class="btn btn-primary">Send request</button>
</form>

并检查我得到的提交请求：

【讨论】：