问答详情
源自:6-11 编程练习

获取下拉选择框的值

怎么获取下拉选择框的值?

提问者:LalaYoung 2016-05-03 14:48

个回答

  • kuban
    2016-05-03 15:08:30
    已采纳

    document.getElementById("select").value

  • _Jack_Han_
    2016-05-07 08:51:54

    完整代码:

    <!DOCTYPE html>

    <html>

     <head>

      <title> 事件</title>  

      <script type="text/javascript">

       function count(){

           

        //获取第一个输入框的值

        var value0=parseInt(document.getElementById("txt1").value);

    //获取第二个输入框的值

        var value1=parseInt(document.getElementById("txt2").value);

    //获取选择框的值

        var symbol=document.getElementById("select").value;

    //获取通过下拉框来选择的值来改变加减乘除的运算法则

        var fruit;

        switch(symbol){

            case "+":fruit=value0+value1;

            break;

            case "-":fruit=value0-value1;

            break;

            case "*":fruit=value0*value1;

            break;

            case "/":fruit=value0/value1;

        }

        //设置结果输入框的值 

        document.getElementById("fruit").value=fruit;

       }

      </script> 

     </head> 

     <body>

       <input type='text' id='txt1' /> 

       <select id='select'>

    <option value='+'>+</option>

    <option value="-">-</option>

    <option value="*">*</option>

    <option value="/">/</option>

       </select>

       <input type='text' id='txt2' /> 

       <input type='button' value=' = ' onclick="count()" /> <!--通过 = 按钮来调用创建的函数,得到结果--> 

       <input type='text' id='fruit' />   

     </body>

    </html>


  • 青春的脚步
    2016-05-03 15:36:33

    document.getElementById("下拉框的id").value() = "下拉框的值";

  • 靈寶
    2016-05-03 15:21:05

    <html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <title> 卸载事件 </title>
        <script type="text/javascript">
           function select(){
                var sel = document.getElementById("select").value;
                alert('你选择的值是:'+sel+'你选择的内容是:'+text);
            }
        </script>
    </head>
    <body>
    <select id="select" onchange="select()">
        <option value="1">语文</option>
        <option value="2">数学</option>
        <option value="3">几何</option>
    </select>
    </body>
    </html>