所有成功的表单字段都提交给服务器。CSSdisplay不会影响表单字段是否被视为成功。 HTML 规范定义了使控件成功的原因。

一个成功的控件对于提交是“有效的”。每个成功的控件都将其控件名称与其当前值配对，作为提交的表单数据集的一部分。成功的控件必须在 FORM 元素中定义，并且必须具有控件名称。

然而：

• 禁用的控件不能成功。
• 如果一个表单包含多个提交按钮，只有激活的提交按钮是成功的。
• 所有“打开”复选框都可能成功。
• 对于共享相同 name 属性值的单选按钮，只有“on”单选按钮可能成功。
• 对于菜单，控件名称由 SELECT 元素提供，值由 OPTION 元素提供。只有选定的选项可能会成功。如果未选择任何选项，则控件不成功，并且在提交表单时，名称和任何值都不会提交给服务器。
• 文件选择的当前值是一个或多个文件名的列表。提交表单后，每个文件的内容都会与表单数据的其余部分一起提交。文件内容根据表单的内容类型打包。
• 对象控件的当前值由对象的实现决定。

如果在提交表单时控件没有当前值，用户代理不需要将其视为成功的控件。

此外，用户代理不应认为以下控制成功：

• 重置按钮。
• 已设置声明属性的 OBJECT 元素。

由于样式表设置而未呈现的隐藏控件和控件可能仍会成功。

禁用您不想提交的表单字段。

$('#category').change(function(){
    $('.sub-category').hide().prop('disabled', true);
    $('#' + $(this).val()).show().prop('disabled', false);
});