DOM_select_option的值用Javascript获取

首先看看Z-Blog安装文件install.asp的一部分代码

请选择您当前的Z-BLOG版本：
    <select Name="CurrentVersion" id="CurrentVersion" >
        <option selected value="12">Z-Blog 1.2</option>
        <option value="13">Z-Blog 1.3</option>
        <option value="14">Z-Blog 1.4</option>
        <option value="15">Z-Blog 1.5</option>
        <option value="15Plus">Z-Blog 1.5 Plus</option>
        <option value="16Beta">Z-Blog 1.6 Beta</option>
        <option value="16Final">Z-Blog 1.6 Final</option>
        <option value="17Squirrel">Z-Blog 1.7 Squirrel</option>
        <option value="17Laputa">Z-Blog 1.7 Laputa</option>
        <option value="18Terminator">Z-Blog 1.8 Terminator</option>
        <option value="18Devo">Z-Blog 1.8 Devo</option>
        <option value="18Spirit">Z-Blog 1.8 Spirit</option>
        <option value="18Arwen">Z-Blog 1.8 Arwen</option>
        <option value="18Walle">Z-Blog 1.8 Walle</option>
    </select>
&nbsp;&nbsp;
<input class="button" type="button" value="开始升级BLOG程序>>" onclick="return checkOption()"/>
<script type="text/javascript">
function checkOption()
{
    varver=document.getElementById('CurrentVersion').options[document.getElementById('CurrentVersion').selectedIndex].value;
    if(window.confirm('您选择了'+document.getElementById('CurrentVersion').options[document.getElementById('CurrentVersion').selectedIndex].text+',按[确定]开始升级'))
    {
    window.location='install.asp?ok=true&ver='+ver;
    }
}
</script>





这是看Z-Blog 安装文件install.asp的代码的时候看到了他是这么做的,以前遇到过这个问题,结果不知道如何获取option的值和内容.

所以以前我是这么做的:

就每一个option都设置一个name/id;

然后一一判断是否被选择(好像是 .selected为一个true或者false来判断的)

看来Z-blog的做法比较好,select的id .option[]数组,从1到最大

获取已经选择的select的数组就是 select的id .selectedIndex
这只是获取了option对象,然后就是用 .value获得值了..获得option内容就是 .text 了...




这个比一般的html标签的JS用法稍微复杂点...