js源码--简单的二级联动

最新推荐文章于 2022-09-28 19:29:07 发布

原创最新推荐文章于 2022-09-28 19:29:07 发布 · 1k 阅读

·

0

·

CC 4.0 BY-SA版权

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

文章标签：

#javascript #语言 #html #python #function #perl

本文展示了一个使用JavaScript实现的下拉菜单联动效果示例。当用户从第一个下拉列表中选择一项时，第二个下拉列表会根据所选内容动态更新选项。此示例包含了脚本语言、高级语言及其他语言的选项，并且展示了如何通过简单的脚本实现选择项的动态加载。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<html>

<head>

<title>This is a test!</title>

<meta http-equiv="Content-Type" content="text/html; charset=gb2312"></head>

<body>

<form name="frm">

<select id="s1" onChange="redirec(this.selectedIndex)">

<option selected>请选择</option>

<option value="1">脚本语言</option>

<option value="2">高级语言</option>

<option value="3">其他语言</option>

</select>

<select id="s2">

<option value="请选择" selected>请选择</option>

</select>

</form>

<script language="javascript">

var s1=document.getElementById("s1");

var s2=document.getElementById("s2");

var select2=new Array();

for (i=0; i<s1.length; i++)

{

select2[i] = new Array();

}

select2[0][0] = new Option("请选择", " ");

select2[1][0] = new Option("PHP", " ");

select2[1][1] = new Option("ASP", " ");

select2[1][2] = new Option("JSP", " ");

select2[2][0] = new Option("C/C++", " ");

select2[2][1] = new Option("Java", " ");

select2[2][2] = new Option("C#", " ");

select2[3][0] = new Option("Perl", " ");

select2[3][1] = new Option("Ruby", " ");

select2[3][2] = new Option("Python", " ");

function redirec(index){

s2.length=0;

for(i=0;i<select2[index].length;i++){

s2.options.add(select2[index][i])

}

s2.options[0].selected=true;

}

</script>

</body>

</html>

评论

被折叠的条评论为什么被折叠?

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。