ajax实时获取下拉数据

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

ajax实时获取下拉数据</pre>

<style><!--

.input_s{ position:relative}

.input_s ul{ list-style:none; margin:0; padding:0; width:200px; border:1px solid #ccc; border-bottom:none}

.input_s ul li{ border-bottom:1px solid #ccc}

.input_s ul li:hover{ color:#fff; background:#000}

--></style>

<pre></pre>

<div class="input_s"><input class="tla" id="tla" style="width: 500px;" type="text" name="tla" />

</div>

<pre>

<script type="text/javascript">// <![CDATA[

var funjieliu = function(fn, delay){//函数节流 add by shanmao 2013 - 1 - 18

var timer = null;

return function(){

var context = this, args = arguments;

clearTimeout(timer);

timer = setTimeout(function(){

fn.apply(context, args);

}, delay);

};

document.getElementById("tla").onkeyup=funjieliu(function(){//键盘按下的时候

var tla = $("#tla").val();

if(tla){

$.post("/cityosweb/default.php/shanmao/input_xiala",{tla:tla},function(data){

if(data.status==1){

$(".inul").html("");

$.each(data.data,function(index,val){

$(".inul").append("

<li>"+val.username+"</li>

");

});

}

},"json");

}

},500);

$(function(){

$(".inul li").live("click",function(){

var thval = $(this).html();

var tla = $("#tla").val();

var regexp = new RegExp(",");

if(regexp.test(tla)){//如果input有值（","）则加上input里面的值

$("#tla").val(tla+thval+",");

}else{

$("#tla").val(thval+",");

}

$(".inul").html("");

$("#tla").focus();

});

// ]]></script>

function input_xiala(){

$input = new input();

$tval = $input->post('tla');

$u = M('User');

if(strpos($tval,",")){//检查是否带有","

$val = explode(",",$tval);//拆分成数组

$tval = end($val);//数组的最后一个值

}

$re = $u->field('username,email')->where("username like '$tval%'")->limit(10)->select();

$this->ajaxReturn($re,'success',1);

}

巴特西

ajax实时获取下拉数据

最新文章

热门文章