javascript和switch以及select连用的问题

Question

<form> <label>请选择你的学院：</label> <select > <option id="1" value="财经学院">财经学院</option> <option  value="电气学院">电气学院</option> <option  value="管理学院">管理学院</option> <option  value="国际教育学院">国际教育学院</option> <option value="机械学院">机械学院</option> <option value="计通学院">计通学院</option> <option value="理学院">理学院</option> <option value="汽车学院">汽车学院</option> <option value="体育学院">体育学院</option> <option value="土建学院">土建学院</option> <option value="外国语学院">外国语学院</option> <option value="艺传学院">艺传学院</option> <option value="职教学院">职教学院</option> <option value="医学院">医学院</option> <option value="社科学院">社科学院</option> <option value="生化学院">生化学院</option> </select> <button type="submit" onclick="myFunction()">点击这里</button></form> <button onclick="myFunction()">点击这里</button> <script type="text/javascript"> function myFunction(){ document.write('<img src="images/1.png" />'); } </script>以及一些问题：在测试的时候，我一直用不好switch 和select连用，我的想法是选择了一个学院，点击按钮，然而使用switch进行判断，输出该学校的二维码。在测试的时候，一直不行，但是不知道是哪里出了问题，我也就放弃了，但是上面的代码却有个问题，在<form>标签中的<button>点击之后没有反应，但是点击<form>标签之外的<button>却重新打开了一个网页显示出二维码，和我想要的不一样，有哪位大神能帮帮忙吗？