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>

  • 相关阅读:
    实验4 类的继承、派生和多态(1)
    期中
    实验3 类和对象
    设计、定义并实现Complex类
    android——fargment基础
    android——自定义listView
    android——HttpUrlConnection
    客户端与服务端小知识
    android——handler机制原理
    学习笔记——SQLite介绍
  • 原文地址:https://www.cnblogs.com/TddCoding/p/2339304.html
Copyright © 2011-2022 走看看