html之table和select操作(介绍)


当前第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;      

    //根据第一级联动的value来添加

    if(select_1.value == "") {        

        //创建一个option    

        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》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...