这是一个显示国家省份的二级联动菜单,在IE可以显示,但是在Firefox中却显示不出。
<html>
<head>
<SCRIPT LANGUAGE="JavaScript" DEFER>
var cMenu = ["--请选择--","中国","中国香港","中国台湾"]
var cValue = ["select","china","hongkang","taiwan"]
var aMenu = [["--请选择--"],["上海","北京","江西","安徽"],["丰台区","海淀区"],["台北","宝安"]]
var aValue = [[],["sh","bj","jx","ah"],["ft","hd"],["tb","ba"]]
var oDiv = document.all.myDiv;
var ocMenu = document.createElement("<SELECT name='area>"); //创建城市列表框
var oaMenu = document.createElement("<SELECT name='province'>"); //创建区域列表框
with(oDiv)appendChild(ocMenu),appendChild(oaMenu); //将以上三个列表框添加到div中
createMainOptions();
createSubOptions(0);
ocMenu.onchange = function() {//绑定城市下拉框的选择事件
createSubOptions(this.selectedIndex)};
function createMainOptions() {
for(var i=0;i<cMenu.length;i++)ocMenu.options[i] = new Option(cMenu[i],cValue[i]);//填充城市列表框内容
}
function createSubOptions(j) {
with(oaMenu) {
length=0; //填充区域列表框内容
for(var i=0;i<aMenu[j].length;i++)oaMenu.options[i] = new Option(aMenu[j][i],aValue[j][i]);
}
}
ocMenu[0].selected=true;
ocMenu.fireEvent("onchange");
</SCRIPT>
</head>
<body>
<center>
<div id="myDiv"> </div>
</center>
</body>
</html>
ie中可以显示,firefox中却不能显示的javascript
最新推荐文章于 2024-08-14 15:45:18 发布