当前第2页 返回上一页
联动列表?没错,你终于知道你为什么不会做联动列表了。
1 2 3 4 5 6 7 8 | //首先就是为需要联动的select添加联动绑定
< select name = "" id = "select_1" onChange = "choose()" >
< option value = "val_1" >val_1</ option >
</ select >
//下面是第二级
< select name = "" id = "select_2" >
//默认的下拉列表,保持和第一级一致
< / select >
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 | function change() {
var select_1 = document.getElementById( "select_1" );
var select_2 = document.getElementById( "select_2" );
select_2.length = 0;
if (select_1.value == "" ) {
var op = new Option( "value" , "inner" );
select_2.add(op);
}
else if () {
};
};
|
没错,就是利用length清空下拉列表,然后通过new Option()新建的下拉项,然后通过select的add()依次添加就ok了。
以上就是html之table和select操作(介绍)的详细内容,更多文章请关注木庄网络博客!
返回前面的内容
相关阅读 >>
html5 canvas实现中奖转盘的实例代码
html的textarea怎么保存格式
html的正式名称是什么
给html标签中的文本添加修饰线
html的<dialog>标签
html整体页面边距怎么设置
html中b标签和strong标签的区别是什么?b和strong区别的总结
html怎么设置字体的加粗效果
html怎么点击图片跳转页面
学html css看什么书?
更多相关阅读请进入《table》频道 >>
人民邮电出版社
本书对 Vue.js 3 技术细节的分析非常可靠,对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪,Vue.js作者
转载请注明出处:木庄网络博客 » html之table和select操作(介绍)