Ruby on rails 表单选择选项并响应另一个表单选择器

现在，我正在寻找如何制作一个下拉选择表单的解决方案，该表单将对相应的选择做出不同的响应…
例如，我为职业制作了一个下拉选择器…

当我选择信息技术时，它将显示另一个选择器，该选择器指定仅在用户选择信息技术时显示…该弹出选择器允许我们选择与网页设计等相关的一切…

---

我可以知道如何使用rails吗？

我会在这里使用某种DHTML解决方案。实际上，解决方案并不依赖于Rails

假设你有两种职业，一种是“IT材料”，另一种是“插花”。每一个都有一个子类别

视图中的表单（xxx.erb.html）如下所示：

<form>

  <select name="profession" onChange="makeVisible(this.options[selectedIndex].value);">
    <option value="itstuff">IT Stuff</option>
    <option value="flowerarranging">Flower Arranging</option>
  </select>
  <div id="itstuff" style="display:none" >
    <!-- Here is where you put the <select> for the sub-categories of IT Stuff -->
    <select name="itsub">
      <option value="WindowsAdmin">Windows</option>
      <option value="NeXTStepAdmin">NeXT</option>
    </select>
  </div>

  <div id="flowerarranging" style="display:none">
    <!-- Here is where you put the <select> for the sub-categories of IT Stuff -->

    <select name="flowersub">
      <option value="roses">Roses</option>
      <option value="daisies">Daisies</option>
    </select>
  </div>
  <input type="submit" value="Submit Profession INfo" />
</form>

<script>
  function makeAllInvisible() {
    document.getElementById('itstuff').style.display='none';
    document.getElementById('flowerarranging').style.display='none';
  }
  function makeVisible(id) {
    makeAllInvisible();
    document.getElementById(id).style.display='block';
  }
</script>

它的东西
插花
窗户
下一个
玫瑰
雏菊
函数makeAllInvisible（）{
document.getElementById（'itstuff'）.style.display='none'；
document.getElementById（'flowerarranging'）.style.display='none'；
}
函数makeVisible（id）{
使不可见（）；
document.getElementById（id.style.display='block'；
}

一旦有了这些，表单处理程序将需要能够处理表单的所有输入，包括不可见部分中的输入。在Rails中，这意味着您必须处理此表单的所有提交的params[：profession]、params[：itsub]和params[：flowersub]

---

在这里使用Rails表单帮助程序时要小心。在Rails form_for helpers中，我还没有找到一个好的Rails表单标记来选择标记。我通常手工编写代码

看起来你的方法是目前最好的…因为我没有找到任何更好的rails解决方案~无论如何--谢谢^^