Append Form with jQuery in Rails

Question

I'm trying to append a form to a div tag

$('#courses_ajax').html('<h1>Materie: <%= @course.name %></h1>');
msg = "<form accept-charset='UTF-8' action='/add_by_course' class='form-horizontal' data-remote='true' id='add_by_courses_id' method='post'>";
msg += "<table class='table table-condensed table-bordered'>";
msg +="<th>Nume Elev</th><th>Nota</th><th>Absente</th>";
<% @students.each do |student|%>
  msg +="<tr><td><%= student.name%></td>";
  msg +="<td><input class='span2' id='course_grade' name='grade[student_id]' size='30' type='number' min=1 max=10 /></td>";
  msg +="<td><input class='span2' id='course_absence' name='absence[student_id]' size='30' type='datetime' /></td>";
  msg +="</tr>";
<%end%>  
msg +="</table><input class='btn-primary' name='commit' type='submit' value='Salveaza' />";
msg +="</form>";
$('#courses_ajax').append(msg);

All the helper methods don't seem to work in js.erb files , is there a better more cleaner way to do this , maybe I'm missing something .

Vadim · Accepted Answer · 2012-02-12 14:38:00Z

6

It seems that it is better to use partials here. Create a partial and put html and helpers there. Then put into you js.erb file:

$('#courses_ajax').append("<%= escape_javascript(
render :partial => "your_partial", :object => your_varable, 
:locals => {:your_other_var => value, ...}  %>");

answered Feb 12, 2012 at 14:38

Vadim

3492 silver badges7 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Hugo · Accepted Answer · 2013-06-30 07:43:38Z

2

Rendering a partial with the contents in pure html solves it BUT I recommend you let rails render it like:

<%= form_for(@xxxx) ... %> ... "html here" ... <%end%>

as that will protect you from CSRF attacks generating an "authenticity_token".

It did not work for me to add more rails generated <%= %> input fields, but with the <%= form ... %> is good enough.

answered Jun 30, 2013 at 7:43

Hugo

2,15922 silver badges23 bronze badges

Collectives™ on Stack Overflow

Append Form with jQuery in Rails

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related