html中的二级联动与获取下拉框的值

二级联动和获取对应的值

1.普通的下拉框

水果:
    

显示结果如下:(默认会选中草莓)
html中的二级联动与获取下拉框的值_第1张图片

2.二级联动

话不多说,直接上代码




    
    二级级联查询


    

    





显示结果为
在这里插入图片描述

在第一个下拉框进行选择之后就会变成这样啦!(如果要进行更多地三级联动也可以参照这个进而进行下一步操作)
html中的二级联动与获取下拉框的值_第2张图片

3.如何获取对应下拉框的值

很多时候我们不只是要实现下拉框还要获取里面的值,现在实现如何获取,有两种方式,一种是js,一种是jq,下面看代码。




    
    二级级联查询


    

    

    





你可能感兴趣的:(前端页面)