Javascript Rails 4：根据上一字段中选择的值更新表单字段显示的值

在我的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>

年龄（下限）
0
1.
[...]
99
年龄（上限）
0
1.
[...]
99

目前，如果用户愿意，可以选择34岁的年龄下限和25岁的年龄上限，这在业务逻辑上没有任何意义

我想实现一个JS函数，它将：

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

---

我怎样才能做到这一点？

为什么不使用像这样的滑块呢？谢谢你的评论。这听起来是个好主意。有没有在Rails表单中实现它的建议？像这样的滑块的问题是，您现在必须包括Jquery Mobile。下面是一个实现所需功能的示例：。您不必手动将属性更改为禁用，您可以在循环中根据条件执行此操作。