如何用PHP做二级下拉列表框
例如:城市:中山，珠海，广州第二级:中山是中山1,中山2,中山3珠海:珠海1,珠海2,珠海3广州:广州1,广州2,广州3用js做的,求不连接数据库的...
例如:
城市: 中山，珠海，广州
第二级:中山是中山1,中山2,中山3
珠海:珠海1,珠海2,珠海3
广州:广州1,广州2,广州3
用js做的,求不连接数据库的 展开
城市: 中山，珠海，广州
第二级:中山是中山1,中山2,中山3
珠海:珠海1,珠海2,珠海3
广州:广州1,广州2,广州3
用js做的,求不连接数据库的 展开
展开全部
复制代码运行注意保证编码格式统一否者会出错
<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<style>
body,select
{
font-size:9pt;
font-family:Verdana;
}
a
{
color:red;
text-decoration:none;
}
a:hover{
text-decoration:underline;
}
</style>
<SCRIPT LANGUAGE="JavaScript">
function Dsy()
{
this.Items = {};
}
Dsy.prototype.add = function(id,iArray)
{
this.Items[id] = iArray;
}
Dsy.prototype.Exists = function(id)
{
if(typeof(this.Items[id]) == "undefined") return false;
return true;
}
function change(v){
var str="0";
for(i=0;i<v;i++){ str+=("_"+(document.getElementById(s[i]).selectedIndex-1));};
var ss=document.getElementById(s[v]);
with(ss){
length = 0;
options[0]=new Option(opt0[v],opt0[v]);
if(v && document.getElementById(s[v-1]).selectedIndex>0 || !v)
{
if(dsy.Exists(str)){
ar = dsy.Items[str];
for(i=0;i<ar.length;i++)options[length]=new Option(ar[i],ar[i]);
if(v)options[1].selected = true;
}
}
if(++v<s.length){change(v);}
}
}
var dsy = new Dsy();
dsy.add("0",["运动","音乐","游戏","影视","模型","动漫","阅读","热点话题","宠物"]);
dsy.add("0_0",["球类运动","非球类运动","其他"]);
dsy.add("0_1",["流行乐","非流行乐","其他"]);
dsy.add("0_2",["网络游戏","单机游戏","其他"]);
dsy.add("0_3",["电影","电视剧","其他"]);
dsy.add("0_4",["动漫模型","电影模型","其他"]);
dsy.add("0_5",["动画","漫画","其他"]);
dsy.add("0_6",["书籍","报纸","杂志","其他"]);
dsy.add("0_7",["恶搞类","时尚类","其他"]);
dsy.add("0_8",["有生命宠物","其他"]);
</SCRIPT>
<SCRIPT LANGUAGE = JavaScript>
var s=["s1","s2"];
var opt0 = ["请选择","请选择"];
function setup()
{
for(i=0;i<s.length-1;i++)
document.getElementById(s[i]).onchange=new Function("change("+(i+1)+")");
change(0);
}
</SCRIPT>
</head>
<body bgcolor="#E0E0E0" onload="setup()">
<form name="frm">
<select id="s1"><option></option></select>
<select id="s2"><option></option></select>
</form>
</body>
</html>
<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<style>
body,select
{
font-size:9pt;
font-family:Verdana;
}
a
{
color:red;
text-decoration:none;
}
a:hover{
text-decoration:underline;
}
</style>
<SCRIPT LANGUAGE="JavaScript">
function Dsy()
{
this.Items = {};
}
Dsy.prototype.add = function(id,iArray)
{
this.Items[id] = iArray;
}
Dsy.prototype.Exists = function(id)
{
if(typeof(this.Items[id]) == "undefined") return false;
return true;
}
function change(v){
var str="0";
for(i=0;i<v;i++){ str+=("_"+(document.getElementById(s[i]).selectedIndex-1));};
var ss=document.getElementById(s[v]);
with(ss){
length = 0;
options[0]=new Option(opt0[v],opt0[v]);
if(v && document.getElementById(s[v-1]).selectedIndex>0 || !v)
{
if(dsy.Exists(str)){
ar = dsy.Items[str];
for(i=0;i<ar.length;i++)options[length]=new Option(ar[i],ar[i]);
if(v)options[1].selected = true;
}
}
if(++v<s.length){change(v);}
}
}
var dsy = new Dsy();
dsy.add("0",["运动","音乐","游戏","影视","模型","动漫","阅读","热点话题","宠物"]);
dsy.add("0_0",["球类运动","非球类运动","其他"]);
dsy.add("0_1",["流行乐","非流行乐","其他"]);
dsy.add("0_2",["网络游戏","单机游戏","其他"]);
dsy.add("0_3",["电影","电视剧","其他"]);
dsy.add("0_4",["动漫模型","电影模型","其他"]);
dsy.add("0_5",["动画","漫画","其他"]);
dsy.add("0_6",["书籍","报纸","杂志","其他"]);
dsy.add("0_7",["恶搞类","时尚类","其他"]);
dsy.add("0_8",["有生命宠物","其他"]);
</SCRIPT>
<SCRIPT LANGUAGE = JavaScript>
var s=["s1","s2"];
var opt0 = ["请选择","请选择"];
function setup()
{
for(i=0;i<s.length-1;i++)
document.getElementById(s[i]).onchange=new Function("change("+(i+1)+")");
change(0);
}
</SCRIPT>
</head>
<body bgcolor="#E0E0E0" onload="setup()">
<form name="frm">
<select id="s1"><option></option></select>
<select id="s2"><option></option></select>
</form>
</body>
</html>
本回答由网友推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
