javascript - 序列化来自不同 div 的多个特定输入字段

Question

我想序列化来自不同 div 的一些输入字段(多步骤形式)。为了更好地理解以下代码:

<div class="page-1"> // serialize
    // input fields
</div>
<div class="page-2"> // don't serialize
    // input fields
</div>
<div class="page-3"> // serialize
    // input fields
</div>

form = $('form .page-1 input', 'form .page-3 input');
formData = form.serialize();

Answer 1

尝试

form = $('form .page-1 input, form .page-3 input'); // notice the css selector
formData = form.serialize();

发生这种情况是因为您没有正确选择 2 个 html 节点，正确的格式是 css 格式，即“firstElement, secondaryElement”。代码笔:https://codepen.io/OctavianParalescu/pen/NWqKjMR .