这个select如何设置初始选中

<body onload="areaselect(2);">
<form name="myform" method="post" action="">
<script language="javascript">
var CountryId=new Array();
var CityId=new Array();
CountryId[0]=new Option('中国','1');
CityId[0]=new Array();
CityId[0][0]=new Option('上海','1');CountryId[1]=new Option('美国','2');
CityId[1]=new Array();
CityId[1][0]=new Option('纽约','2');var frm= document.myform;function area(){
def = arguments.length>0?arguments[0]:null;
frm.CityId.length = CityId[frm.CountryId.selectedIndex].length;
for (var i=0; i< frm.CityId.length; i++)
{
frm.CityId.options[i] = CityId[frm.CountryId.selectedIndex][i];
 if( CountryId[i].value == def )
frm.CountryId.options[i].selected = true;
}
}
function areaselect(){
def = arguments.length>0?arguments[0]:null;
frm.CountryId.length = CountryId.length;
for (var i=0; i< frm.CountryId.length; i++)
{
 frm.CountryId.options[i] = CountryId[i];
 if( CountryId[i].value == def )
frm.CountryId.options[i].selected = true;}
area();
}
</script>
<select name="CountryId" id="CountryId" onchange="area();">
</select>
<select name="CityId" id="CityId">
</select></td>
</form>

解决方案 »

  1.   

    更改areaselect()函数中的
    最后一句
    area(2);即可
      

  2.   

    <body onload="areaselect(3);">
    <form name="myform" method="post" action="">
    <script language="javascript">
    var CountryId=new Array();
    var CityId=new Array();
     CountryId[0]=new Option('中国','1');
     CityId[0]=new Array();
     
     CountryId[1]=new Option('美国','2');
     CityId[1]=new Array();
     CityId[1][0]=new Option('加州','2');
     CityId[1][1]=new Option('纽约','3');
     
     CountryId[2]=new Option('墨西哥','3');
     CityId[2]=new Array();
     CityId[2][0]=new Option('墨西哥1','4');
     CityId[2][1]=new Option('墨西哥2','5');var frm= document.myform;function area(){
    def = arguments.length>0?arguments[0]:null;
    frm.CityId.length = CityId[frm.CountryId.selectedIndex].length;
    for (var i=0; i< frm.CityId.length; i++)
    {
    frm.CityId.options[i] = CityId[frm.CountryId.selectedIndex][i];
     if( CityId[i].value == def )
     frm.CityId.options[i].selected = true;
    }
    }
    function areaselect(){
    def = arguments.length>0?arguments[0]:null;
    frm.CountryId.length = CountryId.length;
    for (var i=0; i< frm.CountryId.length; i++)
    {
     frm.CountryId.options[i] = CountryId[i];
     if( CountryId[i].value == def )
     frm.CountryId.options[i].selected = true;}
    area(5);
    }
    </script>
    <select name="CountryId" id="CountryId" onchange="area();">
    </select>
    <select name="CityId" id="CityId">
    </select></td>
    </form>areaselect(3);area(5);但是选中的却是
    areaselect(3);area(4);怎么感觉area没用啊继续帮我看看吧，谢谢
      

  3.   

    <body onload="areaselect(3);">
    <form name="myform" method="post" action="">
    <script language="javascript">
    var CountryId=new Array();
    var CityId=new Array();
     CountryId[0]=new Option('中国','1');
     CityId[0]=new Array();
     
     CountryId[1]=new Option('美国','2');
     CityId[1]=new Array();
     CityId[1][0]=new Option('加州','2');
     CityId[1][1]=new Option('纽约','3');
     
     CountryId[2]=new Option('墨西哥','3');
     CityId[2]=new Array();
     CityId[2][0]=new Option('墨西哥1','4');
     CityId[2][1]=new Option('墨西哥2','5');var frm= document.myform;function area(){
    def = arguments.length>0?arguments[0]:null;
    frm.CityId.length = CityId[frm.CountryId.selectedIndex].length;
    for (var i=0; i< frm.CityId.length; i++)
    {
    frm.CityId.options[i] = CityId[frm.CountryId.selectedIndex][i];
     if( frm.CityId.options[i].value == def )
     frm.CityId.options[i].selected = true;
    }
    }
    function areaselect(){
    def = arguments.length>0?arguments[0]:null;
    frm.CountryId.length = CountryId.length;
    for (var i=0; i< frm.CountryId.length; i++)
    {
     frm.CountryId.options[i] = CountryId[i];
     if( CountryId[i].value == def )
     frm.CountryId.options[i].selected = true;}
    area(5);
    }
    </script>
    <select name="CountryId" id="CountryId" onchange="area();">
    </select>
    <select name="CityId" id="CityId">
    </select></td>
    </form>