js引用<select>下拉列表选定的内容

需求：

1. 使用js获取select下拉列表里的内容，并显示在制定位置。
2. 默认显示第一个option内容。
3. 当下来列表选中的内容变化时，展示内容随之变化。

<select id="mySelect">    <option>上传网站案例</option>    <option>上传插件案例</option>    <option>上传博客</option></select>您目前选择的是<strong><span id="takeup"></span></strong>，请完成以下操作。//js代码如下<script type="text/javascript">    var mySelect=document.getElementById('mySelect');    var takeup=document.getElementById('takeup');    takeup.innerHTML=mySelect.options[0].text;//默认展示第一个option的内容。    mySelect.onchange=function(){        var num=mySelect.selectedIndex;//获取选中的option的index。        takeup.innerHTML=mySelect.options[num].text;    };</script>