自定义表单不提交更改

Question

我有一个表单，使用PrettyCheckable（http://arthurgouveia.com/prettyCheckable/）进行复选框/收音机样式，使用Select2（http://ivaynberg.github.io/select2/）表示下拉样式。

我在这里有一个jsFiddle我的标记：http://jsfiddle.net/pbuxc7xm/10/

问题在于我试图让表单在“更改”时提交，这意味着每当有人从下拉列表中选择一个项目或选择其中一个复选框时。

$( "#countries" ).change(function() {
  $(this).parents("form").submit()
});

$( "#languages" ).change(function() {
  $(this).parents("form").submit()
});

最重要的是它根本不起作用，原因我不知道。

当我对变更发出警报时，它有效，但不提交表单。

非常感谢任何帮助：）

Answer 1

我不确定为什么表单没有使用jQuery的.submit()功能提交。但是，一个简单的解决方法是触发提交按钮的click事件：

$('#submit').click();

这将正常提交表格。