未捕获的类型错误：$(...)[0].reset 不是函数

Question

目标

成功提交表单后，我想将表单重置为空。

问题

提交表单后，我在控制台中收到以下错误消息：Uncaught TypeError: $(...)[0].reset is not a function

当我在重置之前 console.log 我的内容时，我得到了表格： <div id=new-store-form>..</div>

到目前为止我检查过的

在我的应用程序中，没有 id、类或任何其他称为“重置”的东西

纯 javascriptdocument.getElementById('new-store-form').reset();给我同样的错误信息。

代码 视图/stores/index.html.erb

<div class="show-panel-form"></div>

  <%= render "partials/show_panel_stores_overview"%>

</div>

视图/部分/show_panel_stores_overview.html.erb

<%= link_to 'New store', new_store_path, remote: true %>

意见/商店/new.js.erb

var form = $("<%= j(render 'form') %>");

var wrapper = $('<div>').attr('id', 'new-store-form').append(form);

$('.show-panel-form').html(wrapper);

视图/商店/_form

<%= simple_form_for (Store.new) do |f|%>

<%= f.input :name %>

<%= f.button :submit%>

视图/stores.create.js.erb

var form = $("<%= j(render 'form') %>");

var wrapper = $('<div>').attr('id', 'new-store-form').append(form);

$('.show-panel-form').html(wrapper);

console.log($("#new-store-form")[0])

$("#new-store-form")[0].reset(); // doesn't work

存储控制器

def new

    @store = current_user.store.build

    @store.age_tables.build

    respond_to do |format|

      format.html { redirect_to root_url, alert: 'Page not accessible' }

      format.js

    end

    authorize @store

  end

  def create

    @store = current_user.stores.create(store_params)

    authorize @store

    if @store.save

      respond_to do |format|

        format.js

      end

    else

      format.js

    end

  end

Answer 1

使用与表单匹配的选择器，而不是包装器$('#new-store-form form').reset()（注意额外的“表单”以选择 div 内的实际表单标签）