提交表单OnChange文本字段导轨4

Question

在轨道上4.

我正在使用文本字段显示日历，用户可以在其中选择签入日期。我试图找出如何提交表单onchange，类似于使用select标签。

我试过这样的事情：

<%= text_field_tag 'from_date_field', params[:from_date_field], 
    class: "input-lg datebox", id: "dpd1", onchange: "this.form.submit();" %>

但是，因为它是一个文本字段，所以onchange事件不起作用。最好的方法是什么？无法找到文档。 THX！

Answer 1

您可以使用onchange

而不是onblur

<%= text_field_tag 'from_date_field', params[:from_date_field], class: "input-lg datebox", id: "dpd1", onblur: "this.form.submit();" %>

当您从现场取消焦点时，此解决方案将起作用。但我建议您使用id表单并在onblur事件中提交。

如果您使用datepicker更新日期，则可以使用此日期，您需要在初始化datepicker时定义onSelect事件。

$(".date_field").datepicker({
  onSelect: function(date) {
    $("#form").submit();
  }
});

希望这有帮助！