为什么得到的option的值不正确？

<td>
<select id="pressure" name="Pressure" size="1">
<option select value="pressuredefault">---</option>
<option value = "pressure1">0.3</option>
<option value = "pressure2">0.5</option>
<option value = "pressure3">0.8</option>
<option value = "pressure4">1.3</option>
<option value = "pressure5">2.5</option>
<option value = "pressure6">3.0</option>
</select>
</td>
我想得到option里面的0.3，0.5，0.8....这些值里面被选中的那个值，
tempObject = document.getElementById("pressure");
vesselPressure = tempObject.options[tempObject.selectedIndex].innerText;
alert(vesselPressure);
但是打印出来的却是“pressure1”"pressure2""pressure3"....这样的值，而不是0.3，0.5，0.8.....
但是如果把上面的代码改成
<td>
<select id="pressure" name="Pressure" size="1">
<option select value="pressuredefault">---</option>
<option>0.3</option>
<option>0.5</option>
<option>0.8</option>
<option>1.3</option>
<option>2.5</option>
<option>3.0</option>
</select>
</td>
就可以得到正确的值，请问这是怎么回事？难道前面那种方法得不到里面文本的内容吗？请哪位大虾能详细解释下？顺便问下，哪里能下到关于DOM的所有方法的API文档，就跟J2SE API那样的文档，有些时候不知道使用什么方法来操作。谢谢！

解决方案 »

  1.   

    tempObject.options[tempObject.selectedIndex].value
      

  2.   

    楼上的方法试了下，得到的还是“pressure1”"pressure2""pressure3"....这样的值
      

  3.   

    测试无错..<head>
        <script language="javascript">        window.onload=function(){        }
            function test(){
                tempObject = document.getElementById("pressure");
                vesselPressure = tempObject.options[tempObject.selectedIndex].innerText;
                alert(vesselPressure);
            }    </script>
        <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
        <title>无标题文档</title>
    </head>
    <body>
    <td>
        <select id="pressure" name="Pressure" size="1" onchange="test()">
            <option select value="pressuredefault" >---</option>
            <option value = "pressure1">0.3</option>
            <option value = "pressure2">0.5</option>
            <option value = "pressure3">0.8</option>
            <option value = "pressure4">1.3</option>
            <option value = "pressure5">2.5</option>
            <option value = "pressure6">3.0</option>
        </select>
    </td>
    </body>
    </html>
      

  4.   

    不过不用innerText ,text就行了
      

  5.   

    tempObject.options[tempObject.selectedIndex].nextSibling
      

  6.   

     你用的那个版本的浏览器，我的怎么可以阿 
    <HTML>
    <HEAD>
    <script type="text/javascript">
    function view()
    {var tempObject = document.getElementById("pressure"); 
    var vesselPressure = tempObject.options[tempObject.selectedIndex].innerText; 
    alert(vesselPressure); 
    }
    </script>
    </head>
    <body>
    <table >
    <tr>
    <td>
                        <select id="pressure" name="Pressure" size="1" >
                            <option select value="pressuredefault">---</option>
                            <option value = "pressure1">0.3</option>
                            <option value = "pressure2">0.5</option>
                            <option value = "pressure3">0.8</option>
                            <option value = "pressure4">1.3</option>
                            <option value = "pressure5">2.5</option>
                            <option value = "pressure6">3.0</option>
                        </select>
                    </td>
    <tr>
    <tr><input type = button value = "show" onclick="view();"</tr>
    </table>
    </body>
    </html>
      

  7.   

    我用的是FF，刚刚用Firebug debug了一下，然后就好了，真的是非常诡异，呵呵！多谢楼上几位兄弟！
      

  8.   

    <option value = "pressure4">1.3</option>1.3 是 text 属性，而 pressure4 是 value 属性！Web 开发常用手册JScript语言参考.rar
    http://download.csdn.net/source/308916DHTML参考手册.rar
    http://download.csdn.net/source/308913样式表中文手册.chm
    http://download.csdn.net/source/304124