<!doctype html>
<html>
<head>
<!--更改一级下拉列表的选项来更改二级下拉列表的内容，主要的注意事项是使用remove（）或者add()方法后selec元素的length属性必发生改变，节点的下标可能会发生改变-->
<style>
</style>
<script>
function tes1(){
var a1=new Array("冰箱","彩电","洗衣机");//新建三个数组，用来更改二级下拉列表内容
var a2=new Array("苹果","三星","小米");
var a3=new Array("巧克力","鱼豆腐","饼干","薯片");
var main=document.getElementById("main");
var next=document.getElementById("next");
var value1=main.selectedIndex;//获取一级下拉列表选中的节点来改变二级下拉列表的内容
这段代码展示了如何根据HTML5中的select标签的一级下拉列表选中项，动态更新二级下拉列表的内容。通过创建并添加新的option元素，实现不同选项对应不同内容的效果。
最低0.47元/天 解锁文章
扫一扫
704
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
