default.aspx.cs
using
system;
using
system.data;
using
system.configuration;
using
system.collections;
using
system.web;
using
system.web.security;
using
system.web.ui;
using
system.web.ui.webcontrols;
using
system.web.ui.webcontrols.webparts;
using
system.web.ui.htmlcontrols;
namespace
ajaxtext
//////
初始化資料來源
///public
void
initdatasource()
//////
獲取第乙個下拉框的資料。
//////
[ajax.ajaxmethod]
public
string
getfirstselectdata()
}string
result =""
;foreach
(string
str
inarr)
result
+=str +"
;";if
(result.length
>0)
result
=result.substring(
0, result.length -1
);return
result;
}///
///根據省份獲取城市。
//////
///[ajax.ajaxmethod]
public
string
getcitys(
string
province)}if
(result.length
>0)
result
=result.substring(
0, result.length -1
);return
result;}//
位址物件實體類
public
class
address}}
}default.aspx頁面的html**
<%
@ page language="
c#"autoeventwireup="
true
"codebehind="
default.aspx.cs
"inherits="
ajaxtext._default
"%>
doctype html public "-//w3c//dtd xhtml 1.0 transitional//en" ""
>
<
html
xmlns
="">
<
head
runat
="server"
>
<
title
>
無標題頁
title
>
<
script
language
="j**ascript"
type
="text/j**ascript"
>
//初始化第乙個下拉框，從服務端讀取資料。
//其實這裡應該直接在服務端繫結資料，此處為了演示ajax特地也使用ajax技術繫結資料。
function
initselect1()}//
第乙個下拉框更改選擇時，ajax呼叫服務端方法更新第二個下拉框資料。
function
selectchanged()
}script
>
head
>
<
body
onload
="initselect1()"
>
<
form
id="form1"
runat
="server"
>
<
div>
<
select
id="aa"
onchange
="selectchanged()"
>
<
option
>
unbounded
option
>
select
>
<
br /><
br />
<
select
id="bb"
>
<
option
>
unbounded
option
>
select
>
div>
form
>
body
>
html
>
使用ajax.net時應該注意的問題：
1.在pageload事件中
ajax.utility.registertypeforajax(typeof(_default));
這句必須是typeof(命名空間.類名)，而不能是this.gettype()等。j**ascript中呼叫的時候直接用這裡的類名。
2.呼叫服務端方法後加.value
如_default.getcitys(select1.value).value
下拉框聯動
這裡寫了selclass和sellesson兩個下拉框，下拉框的selclass的選中值事件會觸發addsellesson 方法，該方法通過ajax向後台非同步請求資料動態給下拉框sellesson賦值 html 如下 班級課程 selclass onchange addsellesson styl...
layui下拉框聯動
定義下拉框 class layui input inline layui form lay filter prov 全部資料 option select class layui input inline layui form lay filter city 全部資料 option select 獲取...
ASP下拉框聯動
id ddlinstitute runat server autopostback true asp dropdownlist id ddlmajor runat server asp dropdownlist autopostback true 設定自動回傳到伺服器，是實現聯動的關鍵 在ddlin...