js实现下拉框二级联动

这篇文章主要为大家详细介绍了js实现下拉框二级联动,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

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

HTML的页面如下:

 
//通过fn()函数去改变答案框状态的改变
//此处写一个下拉框一个input框,当题型为多选时,利用JS将下拉框隐藏,input框显示

以下为JS部分:

 

实现效果如下:

以上就是js实现下拉框二级联动的详细内容,更多请关注0133技术站其它相关文章!

赞(0) 打赏
未经允许不得转载:0133技术站首页 » JavaScript 教程