2016-09-14 7 views
0

Я новичок в JQuery, и я пытаюсь добавить функцию в мое приложение Rails, которое принимает входные данные из html-формы и запускает ее через некоторый erb на той же странице.Как взять текст ввода из формы 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], как это:

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

I надеюсь, что вам помогут.