关于三级级联问题

xtyiliu 2010-07-05 02:58:39
<html>
<head>
<script language=javascript>
var arr="中金所|上交所|大交所|郑交所";

var arr0 = "期指"; //这些数据可以从数据库中取得
var arr1 = "沪锌|沪铜|燃油|线材|沪铝|螺纹|橡胶|黄金";
var arr2 = "豆一|塑料|豆二|豆油|豆粕|玉米|棕榈";
var arr3 = "棉花|早籼|硬麦|强麦|白糖|菜籽";

var arr00 = "1007|1008|1009|1012|隔季|下月|下季|当月";

var arr10 = "1007|1008|1009|1010|1011|1012|1101|1102|1103|1104|1105";
var arr11 = "1007|1008|1009|1010|1011|1012|1101|1102|1103|1104|1105";
var arr12 = "1008|1009|1010|1011|1012|1101|1102|1103|1104|1105|1106";
var arr13 = "1008|1009|1010|1011|1012|1101|1102|1103|1104|1105";
var arr14 = "1007|1008|1009|1010|1011|1012|1101|1102|1103|1104|1105";
var arr15 = "1007|1008|1009|1010|1011|1012|1101|1102|1103|1104|1105";
var arr16 = "1007|1008|1009|1010|1011|1101|1103|1104|1105";
var arr17 = "1008|1009|1010|1011|1012|1101|1102|1103|1104|1105";

var arr20 = "1007|1009|1011|1101|1103|1105|1107|1109|1111";
var arr21 = "1007|1008|1009|1010|1011|1012|1101|1102|1103|1104|1105";
var arr22 = "1007|1009|1011|1101|1103|1105";
var arr23 = "1007|1008|1009|1011|1012|1101|1103|1105";
var arr24 = "1007|1008|1009|1011|1012|1101|1103|1105";
var arr25 = "1007|1009|1011|1101|1103|1105";
var arr26 = "1007|1008|1009|1010|1011|1012|1101|1102|1103|1104|1105";

var arr30 = "007|009|011|101|103|105";
var arr31 = "007|009|011|101|103|105";
var arr32 = "006|007|009|011|012|101|102|103|104|105";
var arr33 = "007|009|011|101|103|105|107|109|111";
var arr34 = "007|009|011|101|103|105|107|109|111";
var arr35 = "007|009|011|101|103|105";
//alert(eval("arr"+2+1));
function AddOptions(dltObj,arrObj)
{
dltObj.innerHTML="";
var arrLocation=arrObj.split("|");
for(var i=0;i<arrLocation.length;i++){
var opt=document.createElement("OPTION");
dltObj.add(opt);
opt.value=i;
opt.text=arrLocation[i];
}
}
function init(){
AddOptions(dltProvince,eval('arr'));
AddOptions(dltCity,eval('arr'+dltProvince.selectedIndex));
AddOptions(dltArea, eval('arr' + dltProvince.selectedIndex + dltCity.selectedIndex));

}
</script>
</head>
<body onLoad="init();">
<table width="300" cellpading="0" cellspacing="0" border="0">
<tr>
<td width="100">
<select id="dltProvince" onchange="AddOptions(dltCity,eval('arr'+dltProvince.selectedIndex));AddOptions(dltArea,eval('arr'+dltProvince.selectedIndex+dltCity.selectedIndex));" style="width:100%"></select>
</td>
<td width="100">
<select id="dltCity" onchange="AddOptions(dltArea,eval('arr'+dltProvince.selectedIndex+dltCity.selectedIndex));" style="width:100%">
</select>
</td>
<td width="100">
<select id="dltArea" style="width:100%"></select>
</td>
</tr>
</table>
</body>
</html>

在IE上能显示 但是在火狐上不能显示 是什么问题 哪位高手帮忙解决下
...全文
84 5 打赏 收藏 转发到动态 举报
写回复
用AI写文章
5 条回复
切换为时间正序
请发表友善的回复…
发表回复
xtyiliu 2010-07-07
  • 打赏
  • 举报
 回复
解决了 谢谢！！！
hahanan1987 2010-07-05
  • 打赏
  • 举报
 回复
<html>
<head>
<script language=javascript>
function getOs()
{
if(navigator.userAgent.indexOf("Firefox") > -1){
return "Firefox";
}
else{
return "MSIE";
}
}

function createOption(text,value)
{
var op = null;
if(getOs() == "MSIE"){
op = document.createElement("option");
op.innerText = text;
op.value = value;
}
else{
op = new Option(text, value);
}
return op;
}


var arr="中金所|上交所|大交所|郑交所";

var arr0 = "期指"; //这些数据可以从数据库中取得
var arr1 = "沪锌|沪铜|燃油|线材|沪铝|螺纹|橡胶|黄金";
var arr2 = "豆一|塑料|豆二|豆油|豆粕|玉米|棕榈";
var arr3 = "棉花|早籼|硬麦|强麦|白糖|菜籽";

var arr00 = "1007|1008|1009|1012|隔季|下月|下季|当月";

var arr10 = "1007|1008|1009|1010|1011|1012|1101|1102|1103|1104|1105";
var arr11 = "1007|1008|1009|1010|1011|1012|1101|1102|1103|1104|1105";
var arr12 = "1008|1009|1010|1011|1012|1101|1102|1103|1104|1105|1106";
var arr13 = "1008|1009|1010|1011|1012|1101|1102|1103|1104|1105";
var arr14 = "1007|1008|1009|1010|1011|1012|1101|1102|1103|1104|1105";
var arr15 = "1007|1008|1009|1010|1011|1012|1101|1102|1103|1104|1105";
var arr16 = "1007|1008|1009|1010|1011|1101|1103|1104|1105";
var arr17 = "1008|1009|1010|1011|1012|1101|1102|1103|1104|1105";

var arr20 = "1007|1009|1011|1101|1103|1105|1107|1109|1111";
var arr21 = "1007|1008|1009|1010|1011|1012|1101|1102|1103|1104|1105";
var arr22 = "1007|1009|1011|1101|1103|1105";
var arr23 = "1007|1008|1009|1011|1012|1101|1103|1105";
var arr24 = "1007|1008|1009|1011|1012|1101|1103|1105";
var arr25 = "1007|1009|1011|1101|1103|1105";
var arr26 = "1007|1008|1009|1010|1011|1012|1101|1102|1103|1104|1105";

var arr30 = "007|009|011|101|103|105";
var arr31 = "007|009|011|101|103|105";
var arr32 = "006|007|009|011|012|101|102|103|104|105";
var arr33 = "007|009|011|101|103|105|107|109|111";
var arr34 = "007|009|011|101|103|105|107|109|111";
var arr35 = "007|009|011|101|103|105";
//alert(eval("arr"+2+1));
function AddOptions(dltObj,arrObj)
{
dltObj.innerHTML="";
var arrLocation=arrObj.split("|");
for(var i=0;i<arrLocation.length;i++){
var opt=createOption(arrLocation[i],i);
dltObj.appendChild(opt);
}
}
function init(){
AddOptions(dltProvince,eval('arr'));
AddOptions(dltCity,eval('arr'+dltProvince.selectedIndex));
AddOptions(dltArea, eval('arr' + dltProvince.selectedIndex + dltCity.selectedIndex));

}
</script>
</head>
<body onLoad="init();">
<table width="300" cellpading="0" cellspacing="0" border="0">
<tr>
<td width="100">
<select id="dltProvince" onchange="AddOptions(dltCity,eval('arr'+dltProvince.selectedIndex));AddOptions(dltArea,eval('arr'+dltProvince.selectedIndex+dltCity.selectedIndex));" style="width:100%"></select>
</td>
<td width="100">
<select id="dltCity" onchange="AddOptions(dltArea,eval('arr'+dltProvince.selectedIndex+dltCity.selectedIndex));" style="width:100%">
</select>
</td>
<td width="100">
<select id="dltArea" style="width:100%"></select>
</td>
</tr>
</table>
</body>
</html>
测试通过
xtyiliu 2010-07-05
  • 打赏
  • 举报
 回复
还是不行！！
hahanan1987 2010-07-05
  • 打赏
  • 举报
 回复
火狐要用new Option(text, value)

function getOs()
{
if(navigator.userAgent.indexOf("Firefox") > -1){
return "Firefox";
}
else{
return "MSIE";
}
}

function createOption(text,value)
{
var op = null;
if(getOs() == "MSIE"){
op = document.createElement("option");
op.innerText = text;
op.value = value;
}
else{
op = new Option(text, value);
}
return op;
}

在你创建option的地方调createOption这个方法

xtyiliu 2010-07-05
  • 打赏
  • 举报
 回复
帮自己顶个先！！！！
级联菜单 （二级级联 三级级联）
很好的级联菜单实例 包括二级级联菜单和三级级联菜单
超级全面省市县三级级联菜单
省市县三级级联菜单省市县三级级联菜单省市县三级级联菜单
OpenCV级联分类器训练与使用实战教程
基于OpenCV新版本3.1.0详细讲述了HAAR与LBP级联分类器的基本原理与使用技巧，通过视频中人脸实时检测与眼睛跟踪例子演示了级联分类器在项目中的运用。通过OpenCV自带的训练工具实现样本数据训练生成自己的级联分类器...
WPF和Prism实现ComboBox省市县三级级联
WPF、Prism实现ComboBox省市县三级级联
jQuery 城市三级级联
jQuery 城市三级级联 ，很不错哦！
.NET社区

62,046

社区成员

669,049

社区内容

发帖
与我相关
我的任务
社区描述
.NET技术交流专区
javascript云原生 企业社区
社区管理员
  • ASP.NET
  • .Net开发者社区
  • R小R
加入社区
  • 近7日
  • 近30日
  • 至今

加载中

查看更多榜单
社区公告

.NET 社区是一个围绕开源 .NET 的开放、热情、创新、包容的技术社区。社区致力于为广大 .NET 爱好者提供一个良好的知识共享、协同互助的 .NET 技术交流环境。我们尊重不同意见，支持健康理性的辩论和互动，反对歧视和攻击。

希望和大家一起共同营造一个活跃、友好的社区氛围。

试试用AI创作助手写篇文章吧

+ 用AI写文章