呵呵,那是因为你的Div的关系,div是块元素,里面包含的两个input当然会单独起行了
你不信可以把div的display:none换成block或去掉试试

解决方案 »

  1.   


     form.Pr_name.style.display = "inline";// 把你的两个block都换成inline
      

  2.   

    换成下面的试试,如果要满足这个要求,不过你还可以直接隐藏元素<div>
            <form name="searchsoft" method="get" action="workerlist.asp">
                <input name="P_pass" type="radio" value="False" onClick="submit();" <%if P_pass="False" then response.write " checked"%>>
                在职员工&nbsp;&nbsp;&nbsp;&nbsp; 
                <input name="P_pass" type="radio" value="True" onClick="submit();" <%if P_pass="True" then response.write " checked"%>>
                离职员工
            </form>
            <form name="searchsoft" method="get" action="workerlist.asp">
                <div style="float:left">            <select name="xuanze" onChange="changeQuery();">
                  <option value="1">姓名</option>
                  <option value="2">籍贯</option>
                  <option value="3">职业</option>
                  <option value="4">入厂时间</option>
                </select>            <input name="Pr_name" type="text" size="12">
    </div>
                <div id="datetime" style="display:none;float:left"><input name="Pr_name_1" type="text" size="12" onFocus="WdatePicker({isShowWeek:true})"/><input name="Pr_name_2" type="text" size="12" onFocus="WdatePicker({isShowWeek:true})"/>
                </div>
    <div style="float:left">            <input name="Query" type="submit" value="查 询">
    </div>        </form>    
        </div>
      

  3.   

    改两个地方:
    [1]
    function changeQuery() {
        var obj = event.srcElement;
        var form = obj.form;
        if (obj.options[obj.selectedIndex].value == "4") {
            form.Pr_name.style.display = "none";
            datetime.style.display = "block";
        } else {
            form.Pr_name.style.display = "block";
            datetime.style.display= "none";
        }
    }
    改成
    function changeQuery() {
        var obj = event.srcElement;
        var form = obj.form;
        if (obj.options[obj.selectedIndex].value == "4") {
            form.Pr_name.style.display = "none";
            datetime.style.display = ""; //就是空字符串""
        } else {
            form.Pr_name.style.display = ""; //就是空字符串""
            datetime.style.display= "none";
        }
    }[2]
    <div id="datetime" style="display:none;position:absolute;"><input name="Pr_name_1" type="text" size="12" onFocus="WdatePicker({isShowWeek:true})"/><input name="Pr_name_2" type="text" size="12" onFocus="WdatePicker({isShowWeek:true})"/>
                </div> 
    datetime这个div的style加上position:absolute;
      

  4.   

    <div id="datetime" style="display:none;position:absolute;">可以解决选择进厂时间换行的问题
    但是选择其他的还是会换行,有办法解决吗?
    谢谢!
      

  5.   

    function changeQuery() { 
        var obj = event.srcElement; 
        var form = obj.form; 
        if (obj.options[obj.selectedIndex].value == "4") { 
            form.Pr_name.style.display = "none"; 
            datetime.style.display = ""; //就是空字符串"" 
        } else { 
            form.Pr_name.style.display = ""; //就是空字符串"" 
            datetime.style.display= "none"; 
        } 

      

  6.   

    将div换成span,脚本改成这样
    if (obj.options[obj.selectedIndex].value == "4") {
            form.Pr_name.style.display = "none";
            datetime.style.display = "";
        } else {
            form.Pr_name.style.display = "";
            datetime.style.display= "none";
        }
      

  7.   


    <html><head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
    <title>新建网页 1</title>
    </head><body>
        <div>
            <form name="searchsoft" method="get" action="workerlist.asp">
                <input name="P_pass" type="radio" value="False" onClick="submit();" <%if P_pass="False" then response.write " checked"%>>
                在职员工&nbsp;&nbsp;&nbsp;&nbsp; 
                <input name="P_pass" type="radio" value="True" onClick="submit();" <%if P_pass="True" then response.write " checked"%>>
                离职员工<br>
                <select name="xuanze" onChange="changeQuery();" style="float:left">
                  <option value="1">姓名</option>
                  <option value="2">籍贯</option>
                  <option value="3">职业</option>
                  <option value="4">入厂时间</option>
                </select>
                <input name="Pr_name" type="text" size="12" style="float:left">
                <div id="datetime" style="display:none;float:left"><input name="Pr_name_1" type="text" size="12" onFocus="WdatePicker({isShowWeek:true})"/><input name="Pr_name_2" type="text" size="12" onFocus="WdatePicker({isShowWeek:true})"/>
                </div>
                <input name="Query" type="submit" value="查 询">
            </form>    
        </div>
    <script language="javascript">
    <!--
    function changeQuery() {
        var obj = event.srcElement;
        var form = obj.form;
        if (obj.options[obj.selectedIndex].value == "4") {
            form.Pr_name.style.display = "none";
            datetime.style.display = "block";
        } else {
            form.Pr_name.style.display = "block";
            datetime.style.display= "none";
        }
    }//-->
    </script>
    </body></html>