高级检索js获取文本框中的内容
html代码结构:
<table class="addel" id="searchPlusTable">
<tr class="target">
<td class="jia"><img src="/img/dyda/g1.png" alt=""></td>
<td class=" jian"><img src="/img/dyda/g2.png" alt=""></td>
<td class="mohu">
<div class="select-container filter-box">
<span><img src="/img/dyda/icon_arrow_down_x2.png" alt=""></span>
<input class="filter-title" type="text" readonly="readonly"
value="模糊" />
<ul class="filter-list">
<li>
<a>模糊</a>
</li>
<li>
<a href="javascript:;">精确</a>
</li>
</ul>
</div>
</td>
<td class="zuozhe">
<div class="select-container filter-box">
<span><img src="/img/dyda/icon_arrow_down_x2.png" alt=""></span>
<input class="filter-title" type="text" readonly="readonly"
value="正题名" />
<ul class="filter-list">
<li>
<a>正题名</a>
</li>
<li th:each="ca,caStat : ${@initialCache.searchFieldList}" th:if="${ca.fieldName != '档号' and ca.fieldName != '正题名'}">
<a href="javascript:;" th:text="${ca.fieldName}">标题1</a>
</li>
</ul>
</div>
</td>
<td class="jsnr">
<input type="text" placeholder="" />
</td>
<td class="yu" colspan="2">
<div class="select-container filter-box">
<span><img src="/img/dyda/icon_arrow_down_x2.png" alt=""></span>
<input class="filter-title" type="text" readonly="readonly"
value="与" />
<ul class="filter-list">
<li>
<a>与</a>
</li>
<li>
<a href="javascript:;">或</a>
</li>
</ul>
</div>
</td>
</tr>
</table>
js代码:
function searchPlus(pageSize) {
var data = {};
var otherCondition = [];
$("#searchPlusTable").find("tr").each(function (index, item) {
var td = $(this).children();
var keyword = td.eq(4).find("input").val(); //column 查询字段
if (keyword != '') {
var mohu = td.eq(2).find("input").val(); //条件 模糊 精确
var column = td.eq(3).find("input").val(); //column 查询字段
var yu = td.eq(5).find("input").val(); // and or 查询
var s = {"column": column, "mohu": mohu, "keyword": keyword, "yu": yu};
otherCondition[index] = s;
}
});
data["otherCondition"] = otherCondition;
console.log(data);
window.location.href = "/home?searchPlus=" + encodeURI(JSON.stringify(data));
}