区间查询功能实现
项目需求是在表头添加一个子查询,主要来说金额的区间查询,如下图:
下面来看代码
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' +
'