技術標籤：工作BUG

第二個框 模糊查詢 展示在第一個框

這個是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>');
                }
            }
        })

    })