永发信息网

html select 属性

答案:1  悬赏:70  手机版
解决时间 2021-05-22 23:09
  • 提问者网友:黑米和小志
  • 2021-05-22 11:55

环境: 选定A下拉框内容时候,出现第二个B下拉框并且内容是A下拉框的相应内容.是"出现" 不是原本是就有的.

比如:我选择 “福建” 出现第2个下拉框选“福州” 再出现第三个下拉框“某某区”  以此类推 到无内容.

 

第一个问题:是不是用JS实现  会的来点代码 不要太多 看的累  最好能写出思想  

第二个问题:单选择第一个的时候  是否 重新刷新页面才出现第二个?

第三个问题:onload 属性用来干什么的 跟onclick  有什么区别

总:说到点上的另送100分

最佳答案
  • 五星知识达人网友:等灯
  • 2021-05-22 12:12

第一个问题:是用JS实现,用JS动态添加选项,示例:



<script language="JavaScript">


function SecondSL(num)


{


    //0为请选择提示子项


    //第2个为本身标识


    //第3个是所属类别,所以通过此值对比上级项值,即可筛选出同级项来


    city = new Array();


    city[1]= new Array("唐山市","1","1");


    city[2]= new Array("石家庄","2","1");


    city[3]= new Array("营口市","3","2");


    city[4]= new Array("沈阳市","4","2");


    //把数组的值用数据库读出


    document.form1.s1.length = 0;


    document.form1.s1.options[0]= new Option("请选择市","0");


    j=1;


    for(i=1;i<=4;i++)


    {  


    //比较每一个数据,


    //把同一类别的项筛选出来


    if(city[i][2]==num)


    {


    //document.form1.s1.length 当前选项的个数


    //不能使用i作为标识,因为有的数据项不是属于num级的数据


    document.form1.s1.options[document.form1.s1.length]= new Option(city[i][0],city[i][1]);//创建新子项


    }


    j++


    }


}


function ThirdSL(num)


{


    city = new Array();


    city[1]= new Array("唐山路北区","1","1");


    city[2]= new Array("唐山古冶区","2","1");


    city[3]= new Array("石家庄正定","3","2");


    city[4]= new Array("石家庄新集","4","2");


    city[5]= new Array("营口站前区","5","3");


    city[6]= new Array("营口西市区","6","3");


    city[7]= new Array("沈阳市区","7","4");


    city[8]= new Array("沈阳三好街","8","4");


    //把数组的值用数据库读出


    document.form1.s2.length = 0;


    document.form1.s2.options[0]= new Option("请选择县","0");


    j=1;


    for(i=1;i<=8;i++)


    {


    if(city[i][2]==num)


    {


    document.form1.s2.options[document.form1.s2.length]= new Option(city[i][0],city[i][1]);


    }


    j++


    }


}


</script>



<body>


    <form name="form1" method="post" action="">


    <!--form1.ss的值用数据库读出-->


    <select name="ss" onchange="SecondSL(document.form1.ss.options[document.form1.ss.selectedIndex].value)">


    <option value="0">请选择省</option>


    <option value="1">河北省</option>


    <option value="2">辽宁省</option>


    </select>


    <select name="s1" onchange="ThirdSL(this.value)">


    </select>


    <select name="s2" id="s2">


    </select>


    </form>


</body>


第二个问题:不是,不刷新出现。


第三个问题:onload 是当文档载入时(也就是读取到<body>标签时)即触发的JS代码段,onclick 是单击才触发的。

我要举报
如以上回答内容为低俗、色情、不良、暴力、侵权、涉及违法等信息,可以点下面链接进行举报!
点此我要举报以上问答信息
大家都在看
推荐资讯