如何取得select的option的text值

<select onchange="alert(this.options[this.selectedIndex].text)">

解决方案 »

  1.   

    <Script Language="JavaScript">
    <!--
    function getItem() {
    alert(SelTest.options[SelTest.selectedIndex].value);
    }
    -->
    </Script><Select Name="SelTest" OnChange="getItem()">
    <Option Value="CHINA">中国</Option>
    <Option Value="JAPAN">日本</Option>
    <Option Value="KOREA">韩国</Option>
    </Select>
      

  2.   

    <html>
    <head>
    <title>Option对象的属性</title>
    <script language="JavaScript">
    // 显示选项信息
    function optionData(){
        var objSelect = document.myForm.mySelect;
        pos.innerText = objSelect.options[objSelect.selectedIndex].index;
        content.innerText = objSelect.options[objSelect.selectedIndex].text;
        show.innerText = objSelect.options[objSelect.selectedIndex].value;
    }
    // 更改选项名称
    function changeText(objForm){
        var objSelect = objForm.mySelect
        objSelect.options[objSelect.selectedIndex].text = objForm.optionName.value;
    }
    </script>
    </head>
    <body>
    <h2>Option对象的属性</h2>
    <hr>
    <form name="myForm">
    <select name="mySelect">
    <option value="value1" Selected>HTML</option>
    <option value="value2">JavaScript</option>
    <option value="value3">VBScript</option>
    </select>
    <input type="button" onclick="optionData()" value="选择"><br>
    选项名称 : <input type="text" name="optionName">
    <input type="button" onclick="changeText(this.form)" value="更改">
    </form>
    选项位置: <span id="pos"></span><br>
    选项名称: <span id="content"></span><br>
    选项值 : <span id="show"></span><br>
    </body>
    </html>