zoukankan      html  css  js  c++  java
  • 完善版二级联动(可作为函数)需要导入jquery

    <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>
  • 相关阅读:
    Linux的chattr与lsattr命令详解
    Ant_的最完整build.xml解释
    ant安装和验证
    MySQL ALTER TABLE: ALTER vs CHANGE vs MODIFY COLUMN
    python简单爬虫技术
    selenium自动化测试打开新标签窗口
    js中的相等与不等运算
    table-layout:fixed 属性的解说
    DWZ与KindEditor编辑器的整合
    DWZ框架学习
  • 原文地址:https://www.cnblogs.com/smartisn/p/14321564.html
Copyright © 2011-2022 走看看