快上网专注成都网站设计 成都网站制作 成都网站建设
成都网站建设公司服务热线:028-86922220

网站建设知识

十年网站开发经验 + 多家企业客户 + 靠谱的建站团队

量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决

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://6mz.cn/article/ehocg.html

其他资讯