湘西小飞狐

按钮分别显示的问题

今天有人问我个问题,如何用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>

posted on 2008-07-27 20:37 小飞狐 阅读(155) 评论(0)  编辑  收藏


只有注册用户登录后才能发表评论。


网站导航:
 

My Links

Blog Stats

News

常用链接

留言簿(1)

随笔档案

搜索

最新评论

阅读排行榜

评论排行榜