Я выполнил серию R ailscast 88 , чтобы реализовать набор зависимых выпадающих меню.В окне «Студенты -> новый», когда выбран год студента, javascript выясняет, какие курсы доступны для этого года, и предлагает выбор в новом раскрывающемся меню.
Мой файл erb javascript находится здесь:
var courses = new Array();
<% for course in @courses -%>
<%for year in course.years -%>
courses.push(new Array(<%= year.year_id%>, '<%=h course.title%>', <%= course.id%>));
<%end -%>
<% end -%>
function yearSelected() {
year_id = $('student_year_id').getValue();
options = $('student_course_ids').options;
options.length = 1;
courses.each(function(course) {
if (course[0] == year_id) {
options[options.length] = new Option(course[1], course[2]);
}
});
if (options.length == 1) {
$('course_field').hide();
} else {
$('course_field').show();
}
}
document.observe('dom:loaded', function() {
yearSelected();
$('student_year_id').observe('change', yearSelected);
});
Любой мой взгляд выглядит следующим образом:
<% form_for(@student) do |f| %>
<%= f.error_messages %>
<p>
<%= f.label :name %><br />
<%= f.text_field :name %>
</p>
<p>
<%= f.label :cid, "CID" %><br />
<%= f.text_field :cid %>
</p>
<p>
<label for="student_year_id">Year:</label>
<%= collection_select(:student, :year_id, Year.all, :id, :title, {:prompt => true})%>
</p>
<p id="course_field">
<label for="student_course_ids">Course:</label>
<%= collection_select(:student, :course_ids, Course.find(:all), :id, :title, {:prompt => true}, {:multiple => true})%>
</p>
<p>
<%= f.submit 'Save' %>
</p>
<% end %>
Я хотел бы добавить флажки вместовыпадающее меню.Какие-либо предложения?Ранее я использовал этот метод , но не смог заставить его работать с новым javascript.
Cheers