jquery mysql jsp搜索功能_jQuery实现高级检索功能

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

cc6e5f122625594a9e85d07fc4af2f82.png

实现的功能:

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

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

html部分代码如下:

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

< dd >

或 option>

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

< dd> dd>

< dd>

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

< dd>

< input type= "text" id = "datetimepicker1"> --

< dd> 搜索 button> dd>

< dd> 添加条件

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值