<div class="box" style="position: relative;display: inline-block;"> <input id="txt" value="{$_REQUEST['search_addressss']}" style="width: 150px; position: relative;" autocomplete="off" type="text" name="search_addressss" placeholder="小区名称" /> <div class="boxson" style="position: absolute;width: 124px;height: 200px" > <ul id="ULType"> </ul> </div> </div> <div class="box" style="position: relative;display: inline-block;"> <input id="txt1" value="{$_REQUEST['address']}" style="width: 150px; position: relative;" autocomplete="off" type="text" name="address" placeholder="小区地址" /> <div class="boxson1" style="position: absolute;width: 124px;height: 200px" > <ul id="ULType1"> </ul> </div> </div>
document.onclick = function (e) { e = e || window.event; var t = e.srcElement || e.target; if(t!=document.getElementById('txt')) document.getElementById('ULType').style.display='none' document.getElementById('ULType1').style.display='none' } //小区名称联想查询 var flag = true; $('#txt').on('compositionstart',function() { flag = false; }) $('#txt').on('compositionend',function() { flag = true; }) $('#txt').on('input',function() { if ($('#txt').val() == ""){ flag1 = true; } var value=$(this).val(); setTimeout(function () { if (flag) { $.ajax({ type: "post", data:{ name:value, }, url: "/Admin/Contract/getSubdistrict", success: function (data) { var html = ""; for(var i=0; i<data.length; i++) { html += "<li style='text-align:left'>"+data[i].name+"</li>"; } $(".boxson ul").html(html); }, }); $('.boxson ul').show() } }, 0) }) $(".boxson ul").delegate("li", "click", function() { var value=$(this).text(); console.log(value) $('#txt').val(value); $('#txt').css("background", "#ffffaa"); $('.boxson').hide(); }) //小区地址联想查询 var flag1 = true; $('#txt1').on('compositionstart',function() { flag1 = false; }) $('#txt1').on('compositionend',function() { flag1 = true; }) $('#txt1').on('input',function() { if ($('#txt1').val() == ""){ flag1 = true; } var value=$(this).val(); setTimeout(function () { if (flag1) { $.ajax({ type: "post", data:{ address:value, }, url: "/Admin/Contract/getSubdistrictAdress", success: function (data) { var html = ""; for(var i=0; i<data.length; i++) { html += "<li style='text-align:left'>"+data[i].address+"</li>"; } $(".boxson1 ul").html(html); }, }); $('.boxson1 ul').show() } }, 0) }) $(".boxson1 ul").delegate("li", "click", function() { var value=$(this).text(); $('#txt1').val(value); $('#txt1').css("background", "#ffffaa"); $('.boxson1').hide(); $('#txt').val(""); $('#txt').css("background", "#FFFFFF"); })