ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

完善版二级联动(可作为函数)需要导入jquery

2021-01-24 17:36:02  阅读:125  来源: 互联网

标签:jquery 酌情 val 导入 联动 child var now select


<select class="form-control select_parent"  name="type_name_1"   >
                                        <option >请选择</option>
                                            <option value="集体活动">早操、组织生活和必须参加的集体活动</option>
                                            <option value="违反纪律">违反规章制度,社会道德规范,党团纪律(受多重处分的按照最高级别扣分)</option>
                                            <option value="干部失职">学生干部不履行职责</option>
                                        </select>
<select class="form-control select_child"  name="type_name_child_1"  >
<script>
$(function(){
    var val_json='{"集体活动":["不经请假而缺席(每次扣2分)","迟到或早退(每次扣0.5分)"],"违反纪律":["院系通报批评(6分)","学校通报批评(8分)","受警告处分(15分)","受严重警告处分(20分)","受记过处分(30分)","受留校察看处分(40分)","受开除党团籍处分(50分)"],"干部失职":["酌情扣除(1分)","酌情扣除(2分)","酌情扣除(3分)","酌情扣除(4分)","酌情扣除(5分)"]}';
    var val_obj=eval('('+val_json+')');
    $(".select_parent").change(function(){
        var now_select=$(this).val();
        alert(now_select);
        $(".select_child").html('<option value="">请选择</option>');
        for(var k in val_obj[now_select])
        {
            var now_child=val_obj[now_select][k];
            $(".select_child").append('<option value="'+now_child+'">'+now_child+'</option>');
        }
    });
});
</script>

 

标签:jquery,酌情,val,导入,联动,child,var,now,select
来源: https://www.cnblogs.com/smartisn/p/14321564.html

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有