JavaScript生成SQL查询表单的方法

本文实例讲述了Javascript生成SQL查询表单的方法。分享给大家供大家参考。具体如下：

这里使用Javascript生成复杂的SQL查询表单，运行一下就明白了，它可以根据选择的查询条件，自动修改你的SQL语句，是一个很典型的应用。

运行效果截图如下：

具体代码如下：

*{
 font-size:12px;
 padding:0;
 margin:0;
}
body{
 padding:40px;
}
#MainBox{
 border:#666 1px solid;
 background-color:#eee;
 width:700px;
}
#MainBox td{
 padding:4px;
}
#ConditionBox{
 height:150px;
 width:100%;
 overflow-y:auto;
 border:#bbb 1px solid;
 padding:2px;
 background-color:#fff;
}
.tmframe{
 border:#eee 1px solid;
 padding:2px;
 width:100%;
}
.tmframe_highlight{
 border:#666 1px solid;
 padding:2px;
 width:100%;
 background-color:#f7f7f7;
}
.fname{
 float:left;
 width:200px;
}
.conn{
 float:left;
 width:100px;
}
.fvalue{
 float:left;
 width:100px;
}
.handlebox{
 float:right;
 width:180px;
 display:none;
}
.handlebox_view{
 float:right;
 width:180px;
 display:block;
}
.rbox{
 float:right;
 margin:1px;
 background-color:#999;
 color:#fff;
 padding:1px;
 width:15px;
 cursor:hand;
}
legend{
 border:#bbb 1px solid;
 padding:4px;
}
fieldset{
 border:#bbb 1px solid;
 padding:4px;
}
.sqlwords{
 margin:2px;
 border:#bbb 1px solid;
 width:100%;
}





 
 
 
复杂查询表单
 
 
 
 

 65
 
 
 
 

 

 
SQL表达式
  
  
  
 
 
 
 

 

 
定义条件
 

  

   
表
   

    表1
    表2
    表3
    表4
    表5
   
   
字段
   

    字段1
    字段2
    字段3
    字段4
    字段5
    字段6
    字段7
   
   
关系
   

    大于
    等于
    小于
    不等于
    为空
    不为空
    包含
   
   
值
   

   

  
  
  
  
 

希望本文所述对大家的javascript程序设计有所帮助。