初學(xué)JQuery，寫(xiě)了一個(gè)高級(jí)檢索的動(dòng)態(tài)輸入框，如圖所示： 

十多年品牌的成都網(wǎng)站建設(shè)公司,超過(guò)千家企業(yè)網(wǎng)站設(shè)計(jì)經(jīng)驗(yàn).價(jià)格合理,可準(zhǔn)確把握網(wǎng)頁(yè)設(shè)計(jì)訴求.提供定制網(wǎng)站建設(shè)、購(gòu)物商城網(wǎng)站建設(shè)、微信小程序開(kāi)發(fā)、響應(yīng)式網(wǎng)站建設(shè)等服務(wù),我們?cè)O(shè)計(jì)的作品屢獲殊榮,是您值得信賴的專業(yè)網(wǎng)站建設(shè)公司。

實(shí)現(xiàn)的功能：

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

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

html部分代碼如下：

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

  < dd >

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

    <option value= 'and' >與 </option >
    <option value = 'or'> 或</ option>
    <option value= 'not' >非 </option >        

   </select >

  </dd >      

  < dd >< select id= "attrlist" class= "span2" style = 'width:110px;' >
   <s:iterator value= "equipAttrs" id ="attrs" >          
    <option value= '< s:property value= "#attrs[2]" />' ><s:property value= "#attrs[1]" /></option >

   </s:iterator >         

  </select ></dd >

  < dd> <input id = "rangestart" type= "text" class = "span2 search-query"></ dd>       
  < dd> <div id = "rangeend"> --< input type= "text" class = "span2 search-query" ></div ></dd >
  < dd> <div id = "timerange">< input type= "text" id = "datetimepicker1">        --
  <input type = "text" id= "datetimepicker2" >
  </div ></dd >
  <div id = "clickgroup">

   < dd> <button id = "searchButton" type= "submit" class = "btn"> 搜索</ button></ dd>  
   < dd> <a id = "multiSelect" href= "#"> 添加條件 </a ></dd >

  </div >      
</div >  
< div id= "lastrow" ></div >

網(wǎng)站欄目：jQuery實(shí)現(xiàn)高級(jí)檢索功能-創(chuàng)新互聯(lián)
文章源于：http://www.chinadenli.net/article26/ehocg.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供域名注冊(cè)、網(wǎng)站制作、網(wǎng)站策劃、小程序開(kāi)發(fā)、電子商務(wù)、網(wǎng)站建設(shè)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)