html选择列表框长度,HTML中如何定义下拉列表框的默认长度？

最新推荐文章于 2023-03-03 19:51:57 发布

weixin_39832727

最新推荐文章于 2023-03-03 19:51:57 发布

阅读量497

点赞数

文章标签： html选择列表框长度

一共两个文件,html页面里面调用js文件就可以了,不是要把代码也复制到html文件里面^……

联动菜单是这个意思吗?

实现方法很多推荐一个比较好的:琥珀联动菜单

以下信息为琥珀联动菜单：(在此感谢作者！)

下面是静态页面：HPMenu_Demo.html

<html>

<head>

<title>琥珀网 - javascript无限级联动菜单</title>

body, td

{

font-family: 宋体;

font-size: 12px;

}

</style>

</head>

<body>

<td height="24" colspan="2" align="center">琥珀无限级联动菜单-JavaScript版 [HPMenu V1.0]</td>

</tr>

</select></td>

</tr>

</select></td>

</tr>

</select></td>

</tr>

</select></td>

</tr>

</tr>

</table>

<br>

Menu(eval("document.form1"),1)

</script>

</form>

</body>

</html>

下面是调用的js ：HPMenu.js

function Menu(theform,menuid) {

/*---------------------------------------------------------------------------*\

* 1.变量定义 *

/*---------------------------------------------------------------------------*/

//定义菜单级别MenuClass,菜单长度数组MenuLenArr,菜单名称数组MenuArr,下级菜单数组SubMenuArr，菜单ID数组MenuIdArr

var MenuClass,MenuLenArr,MenuArr,SubMenuArr,MenuIdArr

//定义分隔符：splitchar1,splitchar2

var splitchar1,splitchar2

//定义临时数组,子数组,数组长度,

var arr,subarr,arrlen

/*---------------------------------------------------------------------------*\

* 2.变量赋值 *

/*---------------------------------------------------------------------------*/

MenuArr=new Array()

MenuLenArr=new Array()

SubMenuArr=new Array()

MenuIdArr=new Array()

MenuArr[1]="欧洲|||亚洲|||非洲|||大洋洲|||北美洲|||南美洲" //洲名|||...

MenuArr[2]="欧洲###德国|||欧洲###法国|||北美洲###美国|||北美洲###加拿大|||亚洲###中国" //洲名###国名|||...

MenuArr[3]="中国###北京|||中国###上海|||美国###华盛顿|||美国###纽约|||德国###柏林" //国名###城市名|||...

MenuArr[4]="北京###朝阳区|||上海###徐汇区|||广州###天河区|||纽约###曼哈顿区" //国名###城市名|||...

MenuIdArr[1]="zhou"

MenuIdArr[2]="guo"

MenuIdArr[3]="shi"

MenuIdArr[4]="qu"

MenuClass=4 //4级菜单

splitchar1="|||";

splitchar2="###";

/*---------------------------------------------------------------------------*\

* 3.生成数组 *

/*---------------------------------------------------------------------------*/

for(iii=1;iii<=MenuClass;iii++)

{

arr=MenuArr[iii].split(splitchar1);

len=arr.length;

subarr=new Array()

for (i=0;i<len;i++)

{

subarr[i]=arr[i].split(splitchar2);

}

len=subarr.length;

SubMenuArr[iii]=subarr

MenuLenArr[iii]=len

}

//============更改下级菜单======================

var self,submenu,thislen,thisarr

//self本级菜单

//submenu子菜单

//theform:所在表单对象[type:object]

//menuid:本级菜单级别ID，如1级菜单则为1

self=eval("document."+theform.name+"."+MenuIdArr[menuid])

submenu=eval("document."+theform.name+"."+MenuIdArr[menuid+1])

thislen=MenuLenArr[menuid+1]

thisarr=SubMenuArr[menuid+1]

submenu.length=0

submenu.options.add(new Option( "-----请选择-----",""));

for (i=0;i<thislen;i++)

{

if (thisarr[i][0] == self.value)

{

submenu.options.add(new Option(thisarr[i][1], thisarr[i][1]));

}

submenu.options[0].selected=true

//============更改下级以下菜单==============

var kkk

for(kkk=menuid+2;kkk<=MenuClass;kkk++)

{

submenu=eval("document."+theform.name+"."+MenuIdArr[kkk])

submenu.length=0

submenu.options.add(new Option( "-----请选择-----",""));

submenu.options[0].selected=true

}

是直接用的！

weixin_39832727

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
html选择列表框长度,HTML中如何定义下拉列表框的默认长度？

一共两个文件,html页面里面调用js文件就可以了,不是要把代码也复制到html文件里面^……联动菜单是这个意思吗?实现方法很多推荐一个比较好的:琥珀联动菜单以下信息为琥珀联动菜单：(在此感谢作者！)下面是静态页面：HPMenu_Demo.html<html><head><meta http-equiv="Content-Type" content="text/h...
复制链接

扫一扫