一行显示的问题 呵呵,那是因为你的Div的关系,div是块元素,里面包含的两个input当然会单独起行了你不信可以把div的display:none换成block或去掉试试 解决方案 » 免费领取超大流量手机卡,每月29元包185G流量+100分钟通话, 中国电信官方发货 form.Pr_name.style.display = "inline";// 把你的两个block都换成inline 换成下面的试试,如果要满足这个要求,不过你还可以直接隐藏元素<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"%>> 在职员工 <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> 改两个地方:[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; <div id="datetime" style="display:none;position:absolute;">可以解决选择进厂时间换行的问题但是选择其他的还是会换行,有办法解决吗?谢谢! 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"; } } 将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"; } <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"%>> 在职员工 <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> 在extjs里如何对汉字进行显式编码 js 跨域引用的问题。。求证 如果用JS 判断图片是否被载入 急问一个菜鸟问题 用innerHTML的方式生成的Object的怪问题. WEB,JS 提示框 求jquery代码:鼠标经过小图显示大图 为什么显示不出来??急。。。。 javascript的使用对象问题 怎样在网页中同时捕捉shift+a或者是ctrl+a按键的响应! 浏览器在Windows工具栏上如何高亮显示? 一个关于文本框联动的问题
form.Pr_name.style.display = "inline";// 把你的两个block都换成inline
<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"%>>
在职员工
<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>
[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;
但是选择其他的还是会换行,有办法解决吗?
谢谢!
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";
}
}
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";
}
<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"%>>
在职员工
<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>