zoukankan      html  css  js  c++  java
  • 三级联动DropDownList

     <script type="text/javascript">

            $(function () {

                function reset(obj) {
                    return $(obj).html("<option>请选择</option>");
                }

                var Data = { NOKIA: { 高众: "张华,刘强", 黑龙江: "刘钱,张飞" },
                    Apple: { MicroSoft: "Opera,Tenct", Tecent: "mahuateng,Dog" }
                };
                $.each(Data, function (PF) {
                    $("#selectFactory").append("<option>" + PF + "</option>");
                })

                $("#selectFactory").change(function () {
                    reset("#selectAgent");
                    reset("#selectSell");

                    $.each(Data, function (PF, PA) {
                        if ($("#selectFactory option:selected").text() == PF) {
                            $.each(PA, function (PT, PS) {
                                $("#selectAgent").append("<option>" + PT + "</option>");
                            })

                            $("#selectAgent").change(function () {
                                reset("#selectSell");

                                $.each(PA, function (PT, PS) {
                                    if ($("#selectAgent option:selected").text() == PT) {
                                        $.each(PS.split(','), function () {
                                            $("#selectSell").append("<option>" + this + "</option>");
                                        })
                                    }
                                })
                            })
                        }
                    })

                })
            })
        </script>
    </head>
    <body>
        <form id="form1" runat="server">
        <a href="表单应用.aspx">返回</a><br />
        <span>请选择需要的产品</span>
        <div>
            厂家:
            <select id="selectFactory">
                <option value="请选择">请选择</option>
            </select>
            代理商:
            <select id="selectAgent">
                <option value="请选择">请选择</option>
            </select>
            销售商:
            <select id="selectSell">
                <option value="请选择">请选择</option>
            </select>
            <input type="button" value="购买" />
        </div>
        </form>
    </body>
    </html>

  • 相关阅读:
    maven工程下添加oracle驱动包
    面试题----入参两个Integer,无返回值,然后使这个两个值在调用函数后交换
    使用spring data solr 实现搜索关键字高亮显示
    MyBatisPlus忽略映射字段注解
    Linux下Solr单机版、集群版安装与配置
    AngularJs实现全选功能
    SpringBoot2.0整合mybatis、shiro、redis实现基于数据库权限管理系统
    springboot2.0集成shiro出现ShiroDialect报错找不到AbstractTextChildModifierAttrPr
    linux下ssh远程登录服务器入门操作
    英文邮件寻求帮助的礼貌用语
  • 原文地址:https://www.cnblogs.com/TddCoding/p/2339304.html
Copyright © 2011-2022 走看看