从下拉菜单切换视觉切换

Question

我正在创建一个通用的文本模板工具，我需要一些帮助，以便在更改下拉菜单时显示相应的模板。

我正在使用JavaScript，但还没有JQuery。

模板对象是div，除了菜单选择的所有对象外，它们应该通过设置display: none来改变。

问题：模板（div）永远不会改变。

Fiddle

谢谢你的期待！

Answer 1

脚本存在多个问题。

问题
1. caseSelect指向对象而不是值（var caseSelect = document.getElementById("caseType").value;）
2.在select元素中，所有选项的值均为thing1
3. break

结尾处遗漏了case个陈述

演示：Fiddle