jQuery实现高级检索功能-创新互联

初学JQuery，写了一个高级检索的动态输入框，如图所示： 

实现的功能：

* 当选择属性下拉框中不同类型（字符串、数字、日期）的属性时，后面弹出不同数量的和不同格式的文本框（字符串弹出一个输入文本框，数字型的弹出两个输入文本框，日期型的弹出两个日期选择控件）；

* 单击“添加条件”链接后，下面会增加一行条件输入，可以选择逻辑（与、或、非）、属性。

html部分代码如下：

< div id= "0" class ="row" > 

  < dd >

            

    与 
     或
    非         

   

        

  < dd >< select id= "attrlist" class= "span2" style = 'width:110px;' >
             
    

            

  

  < dd>        
  < dd> 
 --< input type= "text" class = "span2 search-query" >
  < dd> 
< input type= "text" id = "datetimepicker1">        --
  
  
  


   < dd>  搜索  
   < dd>  添加条件