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

benben · 发表于 2013-1-23 03:00:01

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

1.建立一aspx页面，html代码
<div style="border-right: #cccccc 1px solid; padding-right: 5px; border-top: #cccccc 1px solid; padding-left: 4px; font-size: 13px; padding-bottom: 4px; border-left: #cccccc 1px solid; width: 98%; padding-top: 4px; border-bottom: #cccccc 1px solid; background-color: #eeeeee;">

<HTML>

<HEAD>

<title>WebForm1</title>

//城市------------------------------

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.city;
　　　　　　                var id=ds.Tables[0].Rows.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;
                var pText  = province.options[pindex].text;

                document.getElementById("<%=TextBox1.ClientID%>").innerText=pText;
            }
        </SCRIPT>
    </HEAD>
    <body>
        <form id="Form1" method="post" runat="server">
            <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
            <br>
            <asp:DropDownList ID="DropDownList1" runat="server" Width="192px" style="display:none"></asp:DropDownList>
        </form>
    </body>
</HTML>

		自动登录	找回密码
密码			立即注册