Question

I have followed the Railscast episode 88 to implement a set of dependant drop down menus. In the students->new view, when the student s year is selected, the javascript figures out which courses are available to that year and offers the selection in a new drop down menu.

我的javascript erb文档在这里:

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合作。

卡车

Answer 1

这是否给你指出了正确方向?

铁路——利用检查箱选择多个物体,选择行动。

友情链接