例如， 在一個頁面里有兩個列表/菜單，第一個顯示省，第二個顯示市，如何在第一個列表/菜單選擇完后，將它的選擇結果傳給第二個列表/菜單。謝謝?。?！
3 回答
湖上湖
TA貢獻2003條經驗 獲得超2個贊
這得看你用什么語言編程
如果是.net的話可以設置控件的AutoPostBack為true
如果是asp的話可以在第一個顯示省的控件上添加一個事件如：onchange()
然后在調用javascript之類的東西，就可以了
如果是其它語言編程，那另有辦法。
交互式愛情
TA貢獻1712條經驗 獲得超3個贊
與數據庫相連的二級下拉菜單完整代碼文件select.asp代碼如下:
<!--#include file="conn.asp"-->
<%
mysql="select * from city order by city_name asc "'這是二級菜單的數據來源
set rsh2 =server.createobject("ADODB.Recordset")
rsh2.open mysql,conn,1,2
rsh2.movefirst
m=0
x=0
%>
<script language="javascript">
subcat = new Array();//建立一個數組
<%
while not rsh2.eof
name1="'"&rsh2("city_sheng")&"'"//相關聯的值
name2="'"&rsh2("city_name")&"'"
//取得第二級顯示內容和菜單的值
%>
subcat[<%=m%>] = new Array(<%=name2%>,<%=name1%>,<%=name2%>);
//第一個元素標識一級,第二個元素是顯示的內容,每三個為這個元素的值相當于value
<%
rsh2.movenext
m=m+1
x=x+1//計算選項元素的個數
wend
%>
var onecount;
onecount=0;
onecount=<%=x%>;
function changelocation(locationid)
//這個函數是用來根據第一個下拉菜單來改變第二個下拉菜單的顯示,locationid是一級下拉菜單的value值
{
document.myform.Nclassid.length = 0;
//Nclassid為第二級下拉菜單的name,此句將第二級下拉菜單的長度清零,即當沒有任何選擇的時候,顯示為空
var locationid=locationid;//取得第一個下拉菜單的值
var i;
for (i=0;i < onecount; i++)
{
if (subcat[i][1] == locationid)
//當二個下拉菜單的值等于第一個下拉菜單的關聯值時,即建立option對象,生成第二級下拉菜單項
{
document.myform.Nclassid.options[document.myform.Nclassid.length] = new Option(subcat[i][0], subcat[i][2]);
//當第二級菜單生成一個下拉項時,document.myform.Nclassid.length的值會自動增加,即會自動生成一個下拉菜單項,subcat[i][0]為option中的value,subcat[i][2]為option顯示的值,在這里,這兩個值是相同的
}
}
}
</script>
<form name="myform">
<tr>
<td><select name="classid" onChange="changelocation(document.myform.classid.options[document.myform.classid.selectedIndex].value);">
<%
'onChange是一個會根據內容改變而觸發的事件,當select下拉菜單的內容改變了,就會執行changelocation()這個函數
'以下是通過數據庫來取得第一個下拉菜單的顯示內容和值
response.write"<option >請選擇</option>"
set rs=server.createobject("adodb.recordset")
sql="select * from sheng order by sheng_id"
rs.open sql,conn,3,1
rs.movefirst
while not rs.eof
response.write "<option value="&rs("sheng")&">"&rs("sheng")&"</option>"
rs.movenext
wend
set rs=nothing
%>
</select></td>
<td width="31">市:</td><td width="55">
<select name="Nclassid">
</select></td></tr></form>
文件conn.asp 代碼如下(也可以直接寫到select.asp開頭):
<%
set conn=server.createobject("adodb.connection")
dbpath=server.mappath("data.mdb")
connstr="Provider=Microsoft.Jet.OLEDB.4.0;Data Source=" &dbpath
conn.open connstr
%>
數據庫:
表city:
表sheng:
說明:
'一個數據庫中有兩個表,一個是sheng表,里面保存著省的資料,這個表有兩個字段,一個是sheng_id,這個ID是自動生成的,
'一個是sheng,是用來保存省份的名稱.兩個字段都為字符型,另外一個表是city里面保存著城市的資料,這個表有三個字段,
'一個是city_id,這個ID也是自動生成的,一個是city_name,是用來保存城市的名稱的,一個是city_sheng,是用來這個城市所在的省
'這個字段也是讓關聯菜單能夠關聯起來的一個字段
一只名叫tom的貓
TA貢獻1906條經驗 獲得超3個贊
建一個ASP文件ajax.asp
<%
Response.CharSet = "gb2312"
area=""
'--------------得到地區參數
objstr=request("objstr")
'--------------根據參數讀取相應的下級地區
set rs=server.createobject("adodb.recordset")
rs.open"select * from area where fmc='"&objstr&"' order by id",conn,3,3
'--------------循環得到數組并返回客戶端
for i=1 to rs.recordcount
if i=1 then
area=rs("mc")
else
area=area&"|"&rs("mc")
end if
rs.movenext
next
'--------------返回數據
response.write area
%>
----------------------------------------------
另建一個調用文件INDEX.asp
<HTML>
<HEAD>
<script language="javascript" defer="defer">
/*
說明：三級全國地區菜單
*/
//封裝一個xmlhttp與服務器端進行交互
function ajax(objstr)
{
//接收傳遞參數
string="objstr="+escape(objstr);
//建立對象
var objXMLHTTP = null;
try
{
objXMLHTTP = new ActiveXObject("MSXML2.XMLHTTP");
}
catch(e)
{
try
{
objXMLHTTP = new ActiveXObject("Microsoft.XMLHTTP");
}
catch(e2){}
}
//發送數據
objXMLHTTP.open("POST", "ajax.asp", false);
objXMLHTTP.setrequestheader("content-length",string.length);
objXMLHTTP.setrequestheader("content-type","application/x-www-form-urlencoded");
objXMLHTTP.send(string);
//得到服務器端返加值
return objXMLHTTP.responseText;
}
//封裝返回省級數據
function city(objstr,objselect)
{
var _Array=ajax(objstr);
var objselect=eval("document.all."+objselect);
//加入select值前先清空其所有值
objselect.length=0;
var split_Array=_Array.split("|");
for(i=0;i<split_Array.length;i++)
{
objselect.options.add(new Option(split_Array[i],split_Array[i]));
}
}
//封裝返回Select選中值
function getSelectValue(id)
{
var oSel = document.all(id);
return oSel.options[oSel.selectedIndex].value;
}
//封裝改變省級菜單產生事件city1
function city1_change()
{
city(getSelectValue("city1"),"city2");
city(getSelectValue("city2"),"city3");
}
//封裝改變縣級菜單產生事件city2
function city2_change()
{
city(getSelectValue("city2"),"city3");
}
//第一次載入頁面初始化select
city("0","city1");
city(getSelectValue("city1"),"city2");
city(getSelectValue("city2"),"city3");
</script>
<title>全國地區連動</title>
</HEAD>
<body>
<table width="200" border="0" cellspacing="0" cellpadding="0">
<form id="form">
<tr>
<td><select id="city1" onChange="city1_change();"></select></td>
<td><select id="city2" onChange="city2_change();"></select></td>
<td><select id="city3"></select></td>
</tr>
</form>
</table>
</body>
</HTML>
......................
建一個庫
表為：area
id 自動編號
fmc 文本
mc 文本
px 數字
- 3 回答
- 0 關注
- 111 瀏覽
添加回答
舉報
0/150
提交
取消