区间查询功能实现

区间查询功能实现

项目需求是在表头添加一个子查询,主要来说金额的区间查询,如下图:
在这里插入图片描述
下面来看代码
HTML:

'<div class="form-group" style="display: inline-block;width: 100px">\n' +
                            '	<input type="hidden" id="yearMoney" name="yearMoney"/>\n' +
                            ' 	<input type="hidden" id="maxYearMoney" name="maxYearMoney"/>\n' +
                            '    <label for="condition">年租金:</label>\n' +
                            '    <select class="chosen-select form-control" οnchange="chooseCond()" id="condition" name="condition">\n' +  //onchange事件是当用户改变input输入框内容时执行
                            '        <option value="">---请选择---</option>\n' +
                            '        <option value="=">等于</option>\n' +
                            '        <option value=">=">大于等于</option>\n' +
                            '        <option value="<=">小于等于</option>\n' +
                            '        <option value="区间范围">区间范围</option>\n' +
                            '    </select>\n' +
                            '</div>\n' +
                            '<div class="form-group" id="rentNum1" style="display: inline-block;width: 100px">\n' +   //placeholder属性提供可描述输入字段预期值的提示信息
                            '    <input placeholder="请输入租金" type="text" class="input-sm form-control" style="padding: 16px 0;"/>\n' +
                            '</div>\n' +
                            '<div class="form-group" id="rentNum2" style="width: 100px">\n' +
                            '    <input placeholder="最高租金范围" type="text" class="input-sm form-control" style="padding: 16px 0;"/>\n' +
                            '</div>\n' +

                            '<div class="text-center">\n' +
                            '     <input id="filterButton" οnclick="filterMoneyData()" type="button" class="btn btn-app btn-info btn-xs" value="查询" style="margin-right: 2px;"/>\n' +
                            '     <input id="cancelFilter" οnclick="quitFilter()" type="button" class="btn btn-app btn-info btn-xs" value="取消" style="margin-right: 2px;"/>\n' +
                            '     <input id="resetFilters" οnclick="resetFilter(\'yearRent\')" type="button" class="btn btn-app btn-default btn-xs" value="重置"/>\n' +
                            '
  • 1
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值