javacript如何获取dropdownlist的值


document.getElementById('txtResion').options[document.getElementById('txtResion').selectedIndex].innerHTML;

解决方案 »

  1.   

    L@_@K
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <title> new document </title>
        <meta name="generator" content="editplus" />
        <meta name="author" content="Gao YiXiang" />
        <meta name="email" content="[email protected]" />
        <meta name="keywords" content="javascript dhtml dom" />
        <meta name="description" content="I love web development." />
    </head>
    <body>
        <select id="txtStudent" onchange="alert(this.options[this.selectedIndex].innerText)">
            <option   value="">Please select</option> 
            <option   value="cf01da04-ac7b-477a-96ff-072f35b83345"> 爱情 </option> 
            <option   value="578d3701-90fe-4019-a51e-41783f7dc570"> dswefwe </option> 
            <option   value="7c3896df-96ab-4cd4-a5b7-c24026b327a9"> 白白12 </option> 
            <option   value="c0661499-7dae-4ab2-9b8b-689e87e3b839"> sdvwewd </option> 
            <option   value="4eb1c8a2-416f-4dd9-9449-e6ce170bc1a6"> wefwef </option> 
            <option   value="50466f69-dba6-4d5e-8c56-79927258b9aa"> wefewf </option> 
            <option   value="77e664d7-221e-485c-84a8-d20867029d08"> qwdqwd </option> 
            <option   value="b5386616-5c3c-44ef-a9ec-66a89f4da255"> sdfwef </option> 
        </select>
    </body>
    </html>
      

  2.   

    简单封装一下，L@_@K
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <title> new document </title>
        <meta name="generator" content="editplus" />
        <meta name="author" content="Gao YiXiang" />
        <meta name="email" content="[email protected]" />
        <meta name="keywords" content="javascript dhtml dom" />
        <meta name="description" content="I love web development." />
    </head>
    <body>
        <select id="txtStudent">
            <option   value="">Please select</option> 
            <option   value="cf01da04-ac7b-477a-96ff-072f35b83345"> 爱情 </option> 
            <option   value="578d3701-90fe-4019-a51e-41783f7dc570"> dswefwe </option> 
            <option   value="7c3896df-96ab-4cd4-a5b7-c24026b327a9"> 白白12 </option> 
            <option   value="c0661499-7dae-4ab2-9b8b-689e87e3b839"> sdvwewd </option> 
            <option   value="4eb1c8a2-416f-4dd9-9449-e6ce170bc1a6"> wefwef </option> 
            <option   value="50466f69-dba6-4d5e-8c56-79927258b9aa"> wefewf </option> 
            <option   value="77e664d7-221e-485c-84a8-d20867029d08"> qwdqwd </option> 
            <option   value="b5386616-5c3c-44ef-a9ec-66a89f4da255"> sdfwef </option> 
        </select>
        <script type="text/javascript">
        <!--
    var oSlt = document.getElementById("txtStudent");
    // 适用于单选，多选时自己改改！
    oSlt.getSelectedText = function()
    {
        return this.options[this.selectedIndex].text;
    };
    oSlt.onchange = function()
    {
        alert(this.getSelectedText());
    };
        //-->
        </script>
    </body>
    </html>