javascript - 请求输入数据

Question

我有一个带有选择输入的表单

<select class="form-control" id="taskSelect" name="taskSelect" >
    <option value="" name="task" id="task">Select One</option>
    <option value="1" name="task">1</option>
    <option value="2" name="task">2</option>
</select>

现在，根据选择的内容，会出现一个子表单。我设置了一个例子JSFiddle

现在我需要将已完成的任何数据传递给函数

submitHandler: function(form){
    var params = $(form).serialize();
    generatePDF(params);
}

通常为了获取输入，我会做这样的事情

$('#someInput').val();

但在我的情况下，我不知道将输入什么，所以我正在序列化内容。如果选择了选择 1，那么我只需要它显示的字段的输入，而不是选择 2 的字段。序列化似乎捕获所有输入，而不是我想要的输入。

仅将输入数据传递给函数的最佳方法是什么？

谢谢

Answer 1

也许您可以尝试将表单分成两部分。完成此操作后，您只能序列化选定的表单。这是假设您除了上面提到的两个任务之外没有任何其他表单元素