JS下拉联动方式备忘

最新推荐文章于 2024-02-12 14:32:49 发布

PHP黄建文

最新推荐文章于 2024-02-12 14:32:49 发布

阅读量591

点赞数

分类专栏： javascipt

本文链接：https://blog.csdn.net/emtit2008/article/details/9022857

版权

javascipt 专栏收录该内容

11 篇文章 0 订阅

订阅专栏

HTML代码


一级：<select class="operators" name="operators">
    <option value="">请选择</option>
    <option>华康清远</option>
<option>运营机构001</option><option>运营机构002</option>  </select>
二级：<select class="seal_name" name="seal_name">
    <option value="">请选择</option>
    <option operators="华康清远">印章名称</option>
    <option operators="华康清远">印章名称</option>
    <option operators="运营机构001">印章名称001</option>
    <option operators="运营机构002">印章名称002</option>
</select>

JS代码

<script language="javascript">
$(".operators").change(function(e) {
    var operators=$(this).val();
    $(".seal_name").find("option").each(function(index, element) {
        if($(this).attr('operators')==operators||$(this).attr('operators')==''){
            $(this).css('display','block');
        }else{
            $(this).css('display','none');
        }
    });    
    $(".seal_name").val('');
});
</script>