jquery - Jquery：Dropkick 插件 - 表单提交 onchange

Question

嗨，我得到了一个没有按钮提交的表单，它在没有 Dropkick 的情况下工作得很好，并通过 POST 方法发送一个名为“fonction”的变量：

<form name="recherche_cat" method="post" class="ass_select">
<select name="fonction" onchange='submit()' tabindex="3" size="1">
    <option value="default">default</option>
    <option value="1">mot1</option>
    <option value="2">mot2</option>
</select>
</form>

但是当我使用dropkick时，它不再起作用了。我试试这个：

$('.ass_select').dropkick({
  change: function (value, label) {
  $(this).closest('form').submit();
  }
});

页面重新加载但没有发布值。

感谢帮助。

Answer 1

您onchange='submit()'不再触发，因为 jQuery 不保证在没有 jQuery 的情况下附加触发处理程序。

相反，假设您submit声明了该函数，请使用：

$('.ass_select').dropkick({
  change: submit
});

小提琴

请注意，在处理程序内部，现在this指向form而不是select元素。

Answer 2

我发现了我的问题。我不应该在表单上添加 dropkick 类（在我的示例 class="ass_select" 上），而是在选择上。像这样提交就可以了。

Answer 3

你可以这样做：

$('.ass_select').dropkick({
  change: function (value, label) {
      $(this.form).submit();//changed here
  }
});