jquery - 使用 jQuery 提交表单下拉菜单

Question

我正在使用一个名为dropkick的下拉插件，它将选择菜单替换为更好看的自定义下拉菜单。我想在这个下拉列表中显示我的 WordPress 类别列表。这是生成下拉列表的 PHP 代码：

<form action="<?php bloginfo('url'); ?>/" method="get" class="pretty">
    <?php $select = wp_dropdown_categories('show_option_none=Select category&show_count=1&orderby=name&echo=0');
    echo $select; ?>
</form>

将其转换为“漂亮的下拉菜单”的 JavaScript 代码如下。

$('.pretty select').dropkick({
      theme: 'default',
      change: function (value, label) {
         INSERT CALLBACK HERE
      }
});

我需要编写一个回调，在用户选择一个类别后提交表单。我该怎么办？

我尝试使用return this.form.submit()并且也return $(this).parent().form.submit()没有提交表单。如何使用 jQuery 自动提交表单？

表单动作和方法已在表单中定义。

Answer 1

Christofer Eliasson 的回答可能是正确的，但以防万一您有多个表格，这会更好：

$(this).closest('form').submit();

Answer 2

您可以使用 jQuery.submit()发布表单。

鉴于您在 DOM 中只有一个带有 classpretty的表单，您可以像这样发布表单：

$("form.pretty").submit();