Home > php教程 > php手册 > php+ajax实时获取下拉数据程序代码

php+ajax实时获取下拉数据程序代码

WBOY
Release: 2016-05-25 16:43:58
Original
1344 people have browsed it

你点击需要的数据后,这个数据写如到当前输入框,并在后面添加逗号隔开,继续输入的时候,后台处理继续输出数据以供选择.

下面我们来看实例,html代码如下:

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />  
ajax实时获取下拉数据
Copy after login
Copy after login
  
<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>
Copy after login

PHP代码如下:

<?php
function input_xiala(){  
    $input = new input();  
    $tval = $input->post(&#39;tla&#39;);  
    $u = M(&#39;User&#39;);  
    if(strpos($tval,",")){//检查是否带有","  
        $val = explode(",",$tval);//拆分成数组  
        $tval = end($val);//数组的最后一个值  
        }  
    $re = $u->field(&#39;username,email&#39;)->where("username like &#39;$tval%&#39;")->limit(10)->select();  
    $this->ajaxReturn($re,&#39;success&#39;,1);  
    }
?>
Copy after login


永久地址:

转载随意~请带上教程地址吧^^

Related labels:
source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Recommendations
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template