下拉选择值会影响其他下拉选项

Question

我想要一组相互依存的类型的字段： 1.选择 2.选择 3.禁用的文本框

1. 选择：应使用“学生姓名”（来自CMS，我是 使用）。
2. 选择：应使用月份名称填充（1月，2月，...， 12月）。
3. 禁用的文本框：应填充费用金额 与＃2中选择的月份有关。

问题是我正在使用AdminBSB，它有一些设计参数，我正在使用的CMS不允许使用这些参数。我正在使用CouchCMS。

是否可以创建不包含data- *属性的自定义代码？只需使用id属性和jQuery / javascript。

我正在寻找类似的东西：

<select name='student_name'>
    <option>Student 1</option>
    <option>Student 2</option>
</select>
<select name='month'>
    <option>Jan</option>
    <option>Feb</option>
    <option>...</option>
    <option>Dec</option>
</select>
<input name='fees' type='text' readonly />

jsFiddle：解释要实现的目标

现在，当选择“学生1”时，“月”下拉列表将被激活，当选择了一个月时，其相应的费用应显示在文本框中。数据填充不是我想要的。我只是期待一个可行的设计开始。