将数组输入表单存储到Javascript

我有这样一个HTML表单：

<div class="form-group">
    <label for="first_name">1st Name</label>
    <input type="text" id="first_name" placeholder="First Name" class="form-control"/>
</div>

<div class="form-group">
    <label for="last_name">Last Name</label>
    <input type="text" id="last_name" placeholder="Last Name" class="form-control"/>
</div>

<div class="form-group">
    <label for="email">Email</label>
    <input type="text" id="email" placeholder="Email Address" class="form-control"/>
</div>

function addRecord() {
// get values
var first_name = $("#first_name").val();
var last_name = $("#last_name").val();
var email = $("#email").val();

// Add record
$.post("ajax/addRecord.php", {
    first_name: first_name,
    last_name: last_name,
    email: email
}, function (data, status) {
    // close the popup
    $("#add_new_record_modal").modal("hide");

    // read records again
    readRecords();

    // clear fields from the popup
    $("#first_name").val("");
    $("#last_name").val("");
    $("#email").val("");
});}

<div class="form-group">
    <label for="first_name">1st Name</label>
    <input type="text" id="data[]" placeholder="First Name" class="form-control"/>
</div>

<div class="form-group">
    <label for="last_name">Last Name</label>
    <input type="text" id="data[]" placeholder="Last Name" class="form-control"/>
</div>

<div class="form-group">
    <label for="email">Email</label>
    <input type="text" id="data[]" placeholder="Email Address" class="form-control"/>
</div>

将每个输入表单存储到javascript变量。 如果我有这样一个数组输入表单：

<div class="form-group">
    <label for="first_name">1st Name</label>
    <input type="text" id="first_name" placeholder="First Name" class="form-control"/>
</div>

<div class="form-group">
    <label for="last_name">Last Name</label>
    <input type="text" id="last_name" placeholder="Last Name" class="form-control"/>
</div>

<div class="form-group">
    <label for="email">Email</label>
    <input type="text" id="email" placeholder="Email Address" class="form-control"/>
</div>

function addRecord() {
// get values
var first_name = $("#first_name").val();
var last_name = $("#last_name").val();
var email = $("#email").val();

// Add record
$.post("ajax/addRecord.php", {
    first_name: first_name,
    last_name: last_name,
    email: email
}, function (data, status) {
    // close the popup
    $("#add_new_record_modal").modal("hide");

    // read records again
    readRecords();

    // clear fields from the popup
    $("#first_name").val("");
    $("#last_name").val("");
    $("#email").val("");
});}

<div class="form-group">
    <label for="first_name">1st Name</label>
    <input type="text" id="data[]" placeholder="First Name" class="form-control"/>
</div>

<div class="form-group">
    <label for="last_name">Last Name</label>
    <input type="text" id="data[]" placeholder="Last Name" class="form-control"/>
</div>

<div class="form-group">
    <label for="email">Email</label>
    <input type="text" id="data[]" placeholder="Email Address" class="form-control"/>
</div>

名字
姓
电子邮件

---

怎么通过呢？我通常在输入表单中使用

name=“data[]”

，但我想使用javascript传递它。

检查一下，这似乎是一个真正的解决方案：（用脚本替换）

函数addRecord（）{
$.ajax({
url:'ajax/addRecord.php'，
键入：“post”，
数据：$（'form[name=“data”]”）。serializeArray（），
成功：功能（响应）{
//关闭弹出窗口
$（“#添加#新#记录#模式”）.model（“隐藏”）；
//再次读取记录
readRecords（）；
//从弹出窗口中清除字段
$（“#名字”）.val（“”）；
$（“姓氏”）.val（“”）；
$（“#email”）.val（“”）；
}
});
}

HTML部分：

<form method="post">
    <div class="form-group">
        <label for="first_name">1st Name</label>
        <input type="text" name="data[]" placeholder="First Name" class="form-control"/>
    </div>

    <div class="form-group">
        <label for="last_name">Last Name</label>
        <input type="text" name="data[]" placeholder="Last Name" class="form-control"/>
    </div>

    <div class="form-group">
        <label for="email">Email</label>
        <input type="text" name="data[]" placeholder="Email Address" class="form-control"/>
    </div>
    <button onclick="addRecord();">submit</button>
</form>

名字
姓
电子邮件
提交

首先，您需要更改或单击按钮以通过javascript发送操作接收 因为我给你的鳕鱼可能会帮助你

 <form id="contactForm1" action="/your_url" method="post">
     <input type="submit">
 </form>
 <script type="text/javascript">
     var frm = $('#contactForm1');
    frm.submit(function (ev) {
    $.ajax({
        type: frm.attr('method'),
        url: frm.attr('action'),
        data: frm.serialize(),
        success: function (data) {
            alert('ok');
        }
    });

    ev.preventDefault();
});

var frm=$（“#contactForm1”）；
提交财务报表（功能（ev）{
$.ajax({
类型：frm.attr（'method'），
url:frm.attr（'action'），
数据：frm.serialize（），
成功：功能（数据）{
警报（“正常”）；
}
});
ev.preventDefault（）；
});

---

id是什么意思？ID应该是唯一的。我建议使用class作为目标属性，比如class=“formcontrol1st\u name”，然后从javascript$（“.1st\u name”）.val（“”）；我希望这有帮助。我是说一个输入类型包含数组，如何存储到javascript变量？我试着用Renjith的方法，但没有成功：'(