- XML/HTML/CSS/Js - 联动显示问题 - 喜悦国际村

new村民
注册会员
Rank: 2

UID 92068
精华 0
积分 151
帖子 214
金钱 151 喜悦币
威望 0
人脉 0
阅读权限 20
注册 2007-4-27
状态离线

联动显示问题

CODE:

<html>
      <head>
<script language="javascript" defer>
      sort_text=["报纸","杂志"];//
      sort_value=["paper","magazine"];

      paper_text=["企业报","校报"];
      paper_value=["elecpaper","numpaper"];

for(var i=0;i<sort_text.length;i++){
      var option=new Option(sort_text[i],sort_value[i]);
      pro.add(option);
}
city.disabled=true;
function load_city(obj){
         if(obj==null)return false;
                  city.innerHTML="";
                  city.add(new Option("企业报/校报",""));
         if(obj.value==""||pro.value=="杂志"){
                  city.disabled=true;
                  load_county(null,"");
                  return;
         }
                  city.disabled=false;
                  var tmp_text=eval(obj.value+"_text");
                  var tmp_value=eval(obj.value+"_value");
                  for(var i=0;i<tmp_text.length;i++){
                           var option=new Option(tmp_text[i],tmp_value[i]);
                           city.add(option);
                  }
}

</script>
</head>
<body>

<form method=post action="a.php">
<select id="pro" onchange="load_city(this.options[this.selectedIndex])"><option value="">报纸/杂志</select>
<select id="city" ><option value=""></select>
<input type="submit" name="submit" value="提交">
</form>
</body>
</html>

CODE:

[Copy to clipboard]

这行代码存在的话就不能正常显示联动菜单，曲折这行能正常显示联动菜单，不过这样就不能提交表单了
这种情况应该怎么解决阿

2007-6-20 08:08 PM

#1

游戏人间
版主

☞风云山庄大少爷☜

UID 62639
精华 2
积分 14494
帖子 7416
金钱 14347 喜悦币
威望 20
人脉 127
阅读权限 100
注册 2004-12-21
来自广西人在北京
状态在线

[推荐阅读] 我的php三年之路!!

有了表单，表单中的对象就得用 document.表单名称.对象名称来表示对象．

比如你原来的cuty.innerHTML就必须改成document.all.city.innerHTML,其中用all可以代替表单名，它表示的是所有的表单．

CODE:

[Copy to clipboard]

<?php
<html>
<head>

<script language="javascript">

function SelectDefault()
{
    var sort_text  = ["报纸","杂志"];
    var sort_value = ["paper","magazine"];

    var paper_text  = ["企业报","校报"];
    var paper_value = ["elecpaper","numpaper"];

    document.all.pro.add( new Option( "请选择","0" ) );
    for( var i=0; i<sort_text.length; i++ )
    {
        document.all.pro.add( new Option( sort_text[i],sort_value[i] ) );
    }

    document.all.city.add( new Option( "请先选择左边的分类","0" ) );
}

function load_city( obj ) // 这个函数你自己研究研究．按照上面的方式很快就OK了．
{
    if( obj==null ) return false;

    document.all.city.innerHTML = "";
    document.all.city.add(new Option("企业报/校报",""));

    if( obj.value=="" || document.all.pro.value=="杂志" )
    {
        document.all.city.disabled = true;
        load_county( null,"" );
        return;
    }

    document.all.city.disabled = false;
    var tmp_text  = eval(obj.value+"_text");
    var tmp_value = eval(obj.value+"_value");

    for( var i=0; i<tmp_text.length; i++ )
    {
        var option = new Option( tmp_text[i],tmp_value[i] );
        document.all.city.add( option );
    }
}

</script>
</head>
<body onLoad="SelectDefault();">

<form method=post action="a.php">
<select id="pro" onchange="load_city(this.options[this.selectedIndex])">报纸/杂志</select>
<select id="city" ></select>
<input type="submit" name="submit" value="提交">
</form>
</body>
</html>
?>