仿google下拉提示

DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> AJAX入門 >> AJAX詳解 >> 仿google下拉提示

仿google下拉提示

編輯：AJAX詳解

1.建立一ASPx頁面，Html代碼

<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[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;

var pText = province.options[pindex].text;

document.getElementById("<%=TextBox1.ClIEntID%>").innerText=pText;

}

</SCRIPT>

</HEAD>

<body>

<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>

上一頁:Javascript+ASP實現無刷新新聞列表
下一頁:Prototype框架極速應用

AJAX詳解

使用Firefox攻擊Web2.0應用(二): Javascript支持在Firefox下讀取XML節點的方法支持Firefox的XML讀取方法最
b2c網站推廣優化應該注意的100條: 介紹新手建站推廣完美教程，各位根據自己的實際情況酌情選用：1、准備個好域名。①.盡量在5位數內，當
揭下各種Ajax控件和類庫的小褲衩: Ajax控件和類庫現在真的太多了，不知不覺中增加了Ajax的神秘性和復雜性，看到版內很多人為此費解

DIV CSS 佈局教程網

相關文章