2016-09-14 10 views
0

私はJQueryを使い慣れていませんし、HTMLフォームからの入力を受け取り、同じページの何らかのerbで実行する機能を私のRailsアプリケーションに追加しようとしています。入力テキストをHTMLフォームから取得し、Jqueryを使用して同じページの別のフォームに渡すにはどうすればよいですか?

ここ

私は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。

私はこれを全く違うやり方でやっています。どんな提案も大歓迎です!

+0

最初のフォームでajaxとrailsのヘルパーメソッドを使用します。remote:true。私はステップガイドで一歩を書くだろうが、すでに多くのビデオやチュートリアルがありますので、そこから始めてください! – bkunzi01

答えて

0

この例では、フォームレール内に変数jqueryを設定する必要はありません。あなたのフォームにparamsによって属性を取得することができます。後にこのように、params[:film]を使用して、フォームを送信し、バックビューに取得するとき、あなたがそれにアクセスできるように検索入力は、「フィルム」と呼ばname属性を持っていることを

お知らせ:

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

Iあなたを助けるための希望。

関連する問題