Question

在我的Rails 4应用程序中，我有以下表格

<div class="calendar_details">
  <%= f.label :target_age_lower_limit, "AGE (LOWER LIMIT)" %>
  <%= f.select :target_age_lower_limit, (0..99) %>
</div>
<div class="calendar_details">
  <%= f.label :target_age_upper_limit, "AGE (UPPER LIMIT)" %>
  <%= f.select :target_age_upper_limit, (0..99) %>
</div>

其中呈现以下HTML代码：

<div class="calendar_details">
      <label for="calendar_target_age_lower_limit">AGE (LOWER LIMIT)</label>
      <select name="calendar[target_age_lower_limit]" id="calendar_target_age_lower_limit"><option value="0">0</option>
      <option value="1">1</option>
      [...]
      <option value="99">99</option></select>
</div>

<div class="calendar_details">
      <label for="calendar_target_age_upper_limit">AGE (UPPER LIMIT)</label>
      <select name="calendar[target_age_upper_limit]" id="calendar_target_age_upper_limit"><option value="0">0</option>
      <option value="1">1</option>
      [...]
      <option value="99">99</option></select>
</div>

目前，如果用户可以选择年龄下限34和年龄上限25，这在业务逻辑方面毫无意义。

我想实现一个JS函数：

冻结小于下限字段中所选值的上限选项（如果首先填充下限字段）
冻结下限选项，该下限选项大于上限字段中选择的值（如果首先填充上限字段）

我怎样才能做到这一点？

Rails 4：根据前一个字段

0 个答案: