初學JQuery，寫了一個高級檢索的動態(tài)輸入框，如圖所示： 

實現(xiàn)的功能：

* 當選擇屬性下拉框中不同類型（字符串、數(shù)字、日期）的屬性時，后面彈出不同數(shù)量的和不同格式的文本框（字符串彈出一個輸入文本框，數(shù)字型的彈出兩個輸入文本框，日期型的彈出兩個日期選擇控件）；

* 單擊“添加條件”鏈接后，下面會增加一行條件輸入，可以選擇邏輯（與、或、非）、屬性。

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>  添加條件