今天有人问我个问题,如何用JavaScript,来实现在画面上显示:
按钮一是 “简单检索”,按下去后,执行“简单检索功能” 按钮一不再显示 而是显示按钮二“复杂检索”
按钮二类似
源码102.jsp:
<html>
<body>
<script language="JavaScript">
var flag;
function change(flag){
if("OK_1"== flag){
m2.style.display='';
m1.style.display='none';
search1();
}else {
m1.style.display='';
m2.style.display='none';
search2();
}
}
function search1(){}
function search2(){}
</script>
<div id=m1 style="display:">
<p>简单检索</p>
<p>abc</p>
<input type="button" value="简单检索" name="OK_1" onclick="change('OK_1');">
</div>
<div id=m2 style="display:none">
<p>复杂检索</p>
<p>def</p>
<input type="button" value="复杂检索" name="OK_2" onclick="change('OK_2');">
</div>
</p>
</body>
</html>