• 三级联动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>

  • 相关阅读:
    SHELL变量
    LA 2797
    计算几何-圆 模板 训练指南267
    hdu 2553 八皇后问题 基础
    CodeForces 557C Arthur and Table STL的使用
    LA 3263 好看的一笔画 欧拉几何+计算几何模板
    UVA 11178 Morley's Theorem 计算几何模板
    poj 1113
    poj 2187 Beauty Contest 凸包模板+求最远点对
    hdu 1081 dp问题:最大子矩阵和
  • 原文地址:https://www.cnblogs.com/TddCoding/p/2339304.html
Copyright © 2020-2023  润新知