Question

请教个简单的JS问题，下拉框改变时改变当前页面显示的表单

<form action="searchfile.php" method="POST">
<script language=javascript>

function change(obj)
{
if(obj.value==1)
{
document.write("<li>请输入文件名：<input name='searchcontent' type='text' style='height:20px' maxlength='100'' /></li>");
}
if(obj.value==2)
{
document.write("<li>请输入创建时间：<input name='time1' type='text' style='height:20px;width:80px' maxlength='20 />至
<input name="'time2' type='text' style='height:20px;width:80px' maxlength='20' /></li>");
}
if(obj.value==3)
{
document.write("<li>请输入关键字：<input name='searchcontent' type='text' style='height:20px ' maxlength='100' /></li>");
}
if(obj.value==4)
{
document.write("<li>请输入文章主旨：<input name='searchcontent' type='text' style='height:20px ' maxlength='100 /></li>");
}
}
</script>

<li>请选择搜索方式：<select name="searchpattern" onchange="change(this)" id="selShow">
<option value="0" selected>请选择搜索方式</option>
<option value="1" >按文件名搜索</option>
<option value="2" >按创建时间搜索</option>
<option value="3" >按关键字搜索</option>
<option value="4" >按文件主旨搜索</option>
</select></li>
如果我这里只有第一个if语句的话，可以显示出document.write里的html效果，但是只有那个输入框，我想让它显示在下拉框下面，意思就是显示在原来的页面里；如果我加了几个if语句以后，if不管怎么选，document.write里的都显示不出来了，请高手帮忙解决，如果有别的好点的JS代码可以实现的话也可以

Answer 1

你这样的写法是不对的。你应该把几个表单都放在页面上，然后其他几个隐藏，只有一个显示。下拉框内容改变的时候，就把相应的表单显示，而把其他表单隐藏。这个是要用Javascript做的，而不是用PHP做的。

追问

哦，对咯，其他的要隐藏才行，document.getElementById("selHid").style.display="none";这样吧？

追答

没错，就是这个意思。

追问

这样就要写很多个哦，有点麻烦