如何从 html 表单中获取输入文本并使用 Jquery 将其传递到同一页面上的另一个表单？答案

【问题标题】：How do I take the input text from a html form and pass it to another form on the same page with Jquery?如何从 html 表单中获取输入文本并使用 Jquery 将其传递到同一页面上的另一个表单？
【发布时间】：2016-09-14 11:13:37
【问题描述】：

我是 JQuery 新手，我正在尝试在我的 Rails 应用程序中添加一个功能，该功能从 html 表单获取输入并通过同一页面上的某个 erb 运行它。

这是我目前在 jquery 和 html 中的内容：

$(document).ready(function() {
  $( "#search" ).on('submit', function( event ) {
    event.preventDefault();
    var film = $( "form input:text" ).val();
  });
});

<div id="search">
    <form>
      Film:<br>
      <input type="text" name="film"><br>
      <input type="submit">
    </form>
  </div>
  <div id="results">
    <%= form_for @film do |f| %>
      <% @search = Tmdb::Search.new %>
      <% @search.resource('movie') %>
      <% @search.query("Film to be queried)"%>
      <% @results = @search.fetch %>
      <% @select_list = @results.collect {|movie| [ movie['title'] + " " + movie['release_date'][0..3],
         movie['title'] + "," + movie['release_date'][0..3] + "," + movie['id'].to_s + "," + movie["backdrop_path"].to_s ] } %>
      <%= select_tag "film_record", options_for_select(@select_list) %>
      <%= f.submit "Add film" %>
    <% end %>
  </div>

where is says "Film to be queried",我想把film变量元素集放在我的jquery中。

我很高兴以完全不同的方式来做这件事，所以欢迎提出任何建议！

【问题讨论】：

在您的第一个表单中使用 ajax 和 rails 辅助方法：remote: true。我会写出一步一步的指南，但是已经有很多关于这个主题的视频和教程，所以从那里开始吧！

标签： jquery ruby-on-rails forms erb

【解决方案1】：

在这个例子中，没有必要在 form rails 中设置变量 jquery。您可以在表单中通过params 获取属性。

请注意，搜索输入有一个名为“电影”的名称属性，因此您可以在返回视图时使用params[:film] 提交表单后访问它，如下所示：

<% @search.query(params[:film])%>

希望对你有所帮助。

【讨论】：