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>却重新打开了一个网页显示出二维码，和我想要的不一样，有哪位大神能帮帮忙吗？