js实现下拉框二级联动

在做项目的时候，一个添加问题题目，选项和答案的问题，题目类型分为选择题，判断题，和多选题三种，此处需要添加一个二级联动的功能，即当题型为选择题的时候，正确选项的下拉框里出现的是A,B,C,D.如果题型是判断题，正确选项的下拉框内容为正确，错误，如果题型类型为多选题，则正确答案的输入框变为可输入答案型的文本框。实现效果在文末。

HTML的页面如下：

 题型
 

  //通过fn()函数去改变答案框状态的改变
  
    选择题
  判断题
  多选题
  
 

 
 

 正确选项
 

//此处写一个下拉框一个input框，当题型为多选时，利用JS将下拉框隐藏，input框显示
 
 
 A
 B
 C
 D
 
 

以下为JS部分：

实现效果如下：

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。