第二个框 是值检索输入框 第一个框是下拉框 ---- 根据房屋检索框 输入的值 模糊搜索 返回的值展示在 前面的房屋地址里
这个是input框 后台是模糊查询接口
<div class="col-sm-4 b-r">
<!--landlord-->
<#select id="housingId" name="房屋地址" underline="true">
</#select>
</div>
<div class="row">
<div class="col-sm-4 b-r">
<span>房屋地址检索</span>
<input id="condition" underline="true" class="MyLike"/>
</div>
</div>
<div class="col-sm-4 b-r">
<#select id="landlordId" name="租户姓名" underline="true">
</#select>
</div>
<div class="row">
<div class="col-sm-4 b-r">
<span>租户检索</span>
<input id="landlordId1" underline="true" class="MyLikeTwo"/>
</div>
</div>
MyInput1.addEventListener('input',function () 当在这个输入框的输入的时候就监听 触发
//获取输入框的节点
var MyInput1=document.querySelector('#condition')
//当在这个节点输入内容时候 触发这个函数
MyInput1.addEventListener('input',function () {
//拿到这个输入框的value值
console.log('输入框1的值',MyInput1.value)
//发送请求
$.ajax({
url:Feng.ctxPath+"/housing/list",
type:"POST",
dataType:"json",
data:{
condition:MyInput1.value},
success:function (data) {
$("#housingId").empty();
for(var i=0;i<data.length;i++){
$("#housingId").append('<option value='+data[i].id+'>'+data[i].name+'</option>');
}
}
})
})
var MyInput2=document.querySelector('#landlordId1')
MyInput2.addEventListener('input',function () {
console.log('输入框2的值',MyInput2.value)
$.ajax({
url:Feng.ctxPath+"/lessee/list",
type:"POST",
dataType:"json",
data:{
condition:MyInput2.value},
success:function (data) {
$("#landlordId").empty();
for(var i=0;i<data.length;i++){
$("#landlordId").append('<option value='+data[i].id+'>'+data[i].name+'</option>');
}
}
})
})