Question

二级联动（无刷新）

asp.net + Ajax 实现无刷新二级联动（数据库）

Answer 1

二级联动用submit Form应该就可以实现吧

Answer 2

<%
dim
cid,coid
cid=Request("cid")
coid=Request("coid")
Set
rs=CreateObject("adodb.recordset")
rs.open
"Select
*
from
FittingsType",conn,1,1
'获取大类数据
strOption1
=
"
<option
value=
''>=请选择分类=
</option
>"
do
while
not
rs.eof
if
cstr(rs("id"))
=
cstr(cid)
then
strOption1
=
strOption1
&
"
<option
value='"
&
rs("id")
&
"'
selected
>"
&
rs("typename")
&
"</option
>"
else
strOption1
=
strOption1
&
"
<option
value=
'"
&
rs("id")
&
"'>"
&
rs("typename")
&
"</option
>"
end
if
rs.movenext
loop
rs.close
rs.open
"Select
*
from
mode",conn,1,1
'获取小类数据
%>
<script
language="javascript">
<!--
//先定义大类和小类数组
var
minclass=Array();
<%
js=0
do
while
not
rs.eof%>
minclass[<%=js%>]=new
Array("<%=rs("id")%>","<%=rs("mode")%>","<%=rs("typeid")%>");
<%rs.movenext
js=js+1
loop
rs.Close
Set
rs=nothing
Conn.Close
Set
Conn=nothing
%>
function
changesmall()
{
var
indexvalue=document.all("cid").options[document.all("cid").selectedIndex].value;
var
j=0;
document.all("coid").length
=
0;
document.all("coid").options[0]=new
Option("=请选择型号=","0");
for(i=0;i<minclass.length;i++)
{
if(minclass[i][2]==indexvalue)
{
document.all("coid").options[document.all("coid").length]=new
Option(minclass[i][1],minclass[i][0]);
}
}
}
function
setvalue(cvalue)
{
var
m,n;
m=document.all("coid").length;
for(n=0;n<m;n++)
{
if(document.all("coid").options[n].value==cvalue)
{
document.all("coid").selectedIndex=n;
return;
}
}
}
-->
</script>
<script
language="javascript"
defer="defer">
setvalue("<%=coid%>");
</script>
<select
onchange="changesmall()"
name="cid"
>
<%=strOption1%>
</select
>
<select
name="coid">=请选择型号=</select>

Answer 3

.net 的不知道。
java的我用过，我想思路应该是一样的。

第一个页面中的数据，在加载页面或从其他地方跳转过来的
时候就在数据库中得到。
页面上第一个下拉列表加个onclick事件
通过JavaScript创建xmlhttprequest对象。
将请求发送到servlet（.net中可能是其他的处理地方，总之能接受请求处理程序就ok），在这里查询数据库得到第二个下拉列表的数据。放在xml树中。
在JavaScript中解析xml得到第二个下拉列表。

关键点在与创建xmlhttprequest对象、数据-->xml
xml-->第二个下拉列表

另外用ajax不是无刷新，它是局部刷新，用户感觉像每刷新一样。
----------------------------------
希望这些能对你有用。

Answer 4

不明白啊
=
=！