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>

  • 相关阅读:
    Linux systemctl命令笔记
    网站建设部署与发布--笔记4-部署mysql
    网站建设部署与发布--笔记3-部署Nginx
    c++模板文件,方便调试与运行时间的观察
    最大公约数-辗转相除及其证明
    汉诺塔-递归
    全排列算法-递归
    蓝桥-愤怒的小鸟
    PAT Basic 1032
    浮点数精度的修正 相等,大于小于
  • 原文地址:https://www.cnblogs.com/TddCoding/p/2339304.html
Copyright © 2011-2022 走看看