隐藏span!

一个下拉列表，value值有：“按时间段查询”,"按用户名查询".我想要的是：当选“按时间段查询”时，出来两个有日期标签的输入框，当选"按用户名查询"出来一个输入框就行。怎么实现？

解决方案 »

  1.   

    <span style="display:none">
      

  2.   

    <html>
    <head>
    <title></title>
    </head>
    <body>
    <form id="formid" action="index.html">
    <select onchange="test1(this)" id="_select">
    <option value="0">--请选择--</option>
    <option value="1">aa</option>
    <option value="2">bb</option>
    </select>
    <div id="div_bb" style="display:none"> <input name="bb" id="bb" value="testbb"></div>
    <div id="div_aa" style="display:none"><input name="aa" id="aa" value="testaa"></div>
    </form>
    </body>
    </html>
    <script>
    function test1(_obj)
    {
    var _value = _obj.value;
    if(_value == 1)
    { document.getElementById("div_bb").style.display = "none";
    document.getElementById("div_aa").style.display = "block";
    }else if(_value == 2)
    { document.getElementById("div_bb").style.display = "block";
    document.getElementById("div_aa").style.display = "none";
    }else
    {
    document.getElementById("div_bb").style.display = "none";
    document.getElementById("div_aa").style.display = "none";
    }
    }</script>
    临时写的，不太简练，lz拿去参考一下吧
      

  3.   


    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <html>
    <head>
    <title> New Document </title>
    <meta name="Generator" content="EditPlus">
    <meta name="Author" content="">
    <meta name="Keywords" content="">
    <meta name="Description" content="">
    <style>
    div{
    position:absolute;
    display:none;
    top:12px;
    }
    </style>
    <script>
    function control(){
    var sel = document.getElementById("sel");
    var selvalue = sel.options[sel.selectedIndex].value;
    if(selvalue == "1"){
    document.getElementById("span_1").style.display = "block";
    document.getElementById("span_2").style.display = "none";
    }

    if(selvalue == "2"){
    document.getElementById("span_1").style.display = "none";
    document.getElementById("span_2").style.display = "block";
    }
    if(selvalue == "0"){
    document.getElementById("span_1").style.display = "none";
    document.getElementById("span_2").style.display = "none";
    }


    }
    </script>
    </head><body>
    <select id="sel" onchange="control();">
    <option value="0">请选择查询方式</option>
    <option value="1">按时间查询</option>
    <option value="2">按用户查询</option>
    </select>
    <div id="span_1" >
    ===请选择时间===
    </div>
    <div id="span_2">
    <input type="text" value="请输入用户名">
    </div>
    </body>
    </html>
      

  4.   

    哈哈！谢谢各位！结贴了。对了，如果是div的显示的用block如果用的是span要用inline噢！