Ajax实现在textbox中输入内容，动态从数据库中模糊查询显示到下拉框中

字体: 小中大 | 来源： 作者： 时间：2008-05-19 点击：

功能：在textbox中输入内容，动态从数据库模糊查询显示到下拉框中，以供选择

1.建立一aspx页面，html代码

以下为引用的内容：
<HTML>
    <HEAD>
        <title>WebForm1</title>
        <SCRIPT language="javascript">
            //城市------------------------------
            function cityResult()
            {
                var city=document.getElementById("TextBox1");
                WebForm1.GetCityList(city.value,get_city_Result_CallBack);
            }

            function get_city_Result_CallBack(response)
            {
                if (response.value != null)
                {
                    //debugger;
                    document.getElementById("DropDownList1").style.display="block";
                    document.getElementById("DropDownList1").length=0;　　　　
　　　　            var ds = response.value;
                    if(ds != null && typeof(ds) == "object" && ds.Tables != null)
                    {
                        for(var i=0; i<ds.Tables[0].Rows.length; i++)
　　　　                {
　　　　                    var name=ds.Tables[0].Rows[i].city;
　　　　　　                var id=ds.Tables[0].Rows[i].cityID;
　　　　　　                document.getElementById("DropDownList1").options.add(new Option(name,id));
　　　　                }
                    }
                }
                else
                {
                    document.getElementById("DropDownList1").style.display="none";
                }
                return
            }

            function getData()
            {
                var province=document.getElementById("DropDownList1");
                var pindex = province.selectedIndex;
                var pValue = province.options[pindex].value;

顶一下

返回首页

责任编辑：秋风 Tag：

上一篇：Ajax联动下拉框的实现例子

下一篇：ajax创建进度条实例

最新评论共有 0 位网友发表了评论

查看所有评论

发表评论

您的位置：首页>站长学院>网页设计>网页特效>>

Ajax实现在textbox中输入内容，动态从数据库中模糊查询显示到下拉框中

推荐文章

论坛热帖