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>
< div id= "lastrow" >

分享文章:jQuery实现高级检索功能-创新互联
文章路径:http://bzwzjz.com/article/ehocg.html

其他资讯

Copyright © 2007-2020 广东宝晨空调科技有限公司 All Rights Reserved 粤ICP备2022107769号
友情链接: 网站建设公司 重庆网站制作 网站设计 四川成都网站制作 网站制作 高端网站设计推广 营销型网站建设 网站建设改版 网站设计制作报价 网站制作 定制级高端网站建设 成都网站建设 成都网站制作 成都网站制作 成都网站设计 网站制作公司 网站制作 成都网站制作 成都网站制作 成都网站设计 成都响应式网站建设公司 成都网站制作