关于三级级联问题

<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上能显示  但是在火狐上不能显示     是什么问题    哪位高手帮忙解决下

解决方案 »

  1.   

    火狐要用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这个方法
      

  2.   

    <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>
    测试通过