我的 Javascript 代码不起作用答案

【问题标题】：My Javascript code is not working我的 Javascript 代码不起作用
【发布时间】：2016-03-01 06:27:40
【问题描述】：

我正在使用 javascript on rails。当我单击保存按钮时，我的代码想要提交 form_for。请帮我。谢谢！

编辑

我想在form_for之外制作按钮

edit.html.erb

  <% @sheets.each do |getsheets| %>
      <%= image_tag "sheets/#{getsheets.sheetimage.split('/')[-2]}/#{getsheets.sheetimage.split('/')[-1]}" %>
      <div>

        <%= form_for getsheets , :url => sheet_attachment_path(getsheets.sheetid,getsheets.sheetid), :html => {id: 'editsheets'} do |f| %>

          <%= f.label :"Name: " %>
          <%= f.text_field :name %>

          <%= f.hidden_field :sheetid, :value => getsheets.sheetid %>
          <%= f.hidden_field :projectid, :value => getsheets.projectid %>
          <%= f.hidden_field :sheetimage, :value => getsheets.sheetimage %>

        <% end %>

      </div>
      <br>
  <% end %>
  <div>


    <%= button_tag "Save", id: "saveallsheets", :class => "btn btn-primary" %>

  </div>

应用程序.js

//= require jquery
//= require jquery_ujs
//= require turbolinks
//= require bootstrap-sprockets
//= require_tree


$(document).ready(function() {
  $('#saveallsheets').on('click', function() {     $('#editsheets').submit(); });
});

【问题讨论】：

控制台有错误吗？
尝试添加return false;作为你的js函数的最后一行。
当我点击保存按钮时，我的控制台上什么也没有发生。
多个表单id相同editsheets?
是的，它是用于编辑工作表的多种形式。我想在保存时同时更改每张工作表的名称。

标签： javascript ruby-on-rails

【解决方案1】：

试试这个。

<%= f.submit "Save", :class=>"btn btn-primary" %>

或

<button type="submit" name="commit" class="btn btn-primary">Save</button>

或者这个

<button type="button" class="btn btn-primary" onclick="$('#editsheets').submit();">Save</button>

或者在你的js中

$(function() {
  $('#saveallsheets').on('click', function() { 
    $('#editsheets').trigger("submit.rails"); 
  });
});

【讨论】：

我想在form_for之外制作按钮