使用jQuery提交表单下拉列表

时间:2012-05-07 18:29:25

标签: jquery forms wordpress form-submit

我正在使用一个名为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自动提交表单?

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

2 个答案:

答案 0 :(得分:3)

Christofer Eliasson的回答可能是正确的,但如果您有多个表格,这会更好:

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

答案 1 :(得分:0)

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

鉴于您在DOM中只有一个表格pretty,您可以像这样发布表单:

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