Question

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

这是我到目前为止在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>

在哪里说“要查询的电影”，我想将电影变量元素设置在我的jquery中。

我很高兴以完全不同的方式做到这一点，所以欢迎任何建议！

Answer 1

在此示例中，不需要在表单rails中设置变量jquery。您可以在表单中按params获取属性。

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

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

我希望能帮到你。

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

1 个答案: