工作中见到这个省市联动代码，虽然很简单也能写出来，还是随便把它记录下来。

//省市联动

        function area(obj_id, area_pId, data_call_back) {

            if (area_pId == -) return;

            $.ajax({

                type: 'GET',

                url: "/SysAdmin/Pages/tb_supplierAdd.aspx",

                data: { area_pId: area_pId },

                dataType: 'json',

                success: function (data) {

                    $("#" + obj_id + " option").remove();

                    //加默认记录

                    $("#" + obj_id).append("<option txt='请选择' value='-1'>请选择</opetion>");

                    for (var i = ; i < data.length; i++) {

                        $("#" + obj_id).append("<option txt='" + data[i].Value + "' value='" + data[i].Key + "'>" + data[i].Value + "</opetion>");

                    }

                    if (data_call_back)

                        data_call_back(data);

                },

                error: function () {

                    alert("异常！");

                }

            });

        }

        $(function () {

            $("#Provice").change(function () {

                area("City", $(this).children('option:selected').val());

            });

            area("Provice", );

            $("#City").append("<option value='-1' txt='请选择'>请选择</option>");

        });

    </script>

    <!--EndEdit1-->

</head>

<body>

    <form id="form1" runat="server">

        <%--<div style="padding: 10px;">

            <div style="float: left; margin-left: 10px;">

                <span>请选择省：</span><asp:DropDownList Width="" class="DropDownList form-control" ID="provice" placeholder="请选择省" runat="server"></asp:DropDownList>

            </div>

            <input id="Key" style="width: 30%" class="TextBox form-control" onkeydown="SearchKey(event);" placeholder="请输入供应商名称，按回车搜索" title="供应商名称,按回车" />

        </div>--%>

        <div style="margin:10px">

            <div style="float:left;width:200px">

                <span style="width:30%;float:left;padding-top:8px">请选择省：</span><asp:DropDownList class="form-control" ID="Provice" runat="server" Width="60%"></asp:DropDownList>

            </div>

            <div style="float:left;width:200px">

                <span style="width:30%;float:left;padding-top:8px">请选择市：</span><asp:DropDownList class="form-control" ID="City" runat="server" Width="60%"></asp:DropDownList>

            </div>

            <input type="text" style="height:34px;color:#555;margin-left:15px;margin-right:10px;width:250px" id="Key" class="TextBox"  placeholder="请输入供应商名称" />

            <button  class="btn btn-default w-l-fd" type="button" id="SearchBt"  onclick="Search()">确定</button>

        </div>

省市联动 js的更多相关文章

  1. 省市联动js代码

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...

  2. [JS]以下是JS省市联动菜单代码

    以下是JS省市联动菜单代码: 代码一: <html> <head> <title></title> <script language=" ...

  3. 省市联动 纯html+js

    在js里面声明所有数据,并根据html的select事件触发js实现填充对应的数据到下拉框. 代码 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 ...

  4. js实现的省市联动

    最近工作,要用到省市联动的功能.网上搜了一下,发现有很多这样的例子,看了不少实例,把觉得写得不错的代码穿上来,好给大家分享一下. <!DOCTYPE html PUBLIC "-//W ...

  5. JavaScript(JS)实现省市联动选择下拉列表

    在开发一个应用的时候需要用刀省市联动的下拉列表,网上找到不少.但是要么太复杂,难以修改:要么根本就用不了,最后自己在一个示例中提取出数据,然后自己写了一个,简单易懂,适合新手... 代码如下: Pro ...

  6. html css javascript 知识点总结 bom js 操作标签 文本 节点 表格各行变色 悬停变色 省市联动 正则

    <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title&g ...

  7. JS 省市联动 ajax

    省市联动 //省市联动     $('.locationCode').change(function () {         var val = $(this).val();         if ...

  8. jquery省市联动，根据公司需求而写

    //author:guan //2015-05-25 //省市联动 //实用说明,页面引用如下js //<script src="../js/jquery-1.6.3.min.js&q ...

  9. Json 基于jQuery+JSON的省市联动效果

    helloweba.com 作者:月光光 时间:2012-09-12 21:57 标签: jQuery  JSON  Ajax  省市联动     省市区联动下拉效果在WEB中应用非常广泛,尤其在一些 ...

随机推荐

  1. 从公交塞车，看C#多线程问题（转）

    好久没写博客了,可能是因为最近工作太过于压抑的原因吧!有点颓废了.... 而且公司距离住处要坐公交将近40--50分钟(各个原因,纠结中ing...),提前一个半小时起床,居然还能迟到!因为距离公司前 ...

  2. vue-resource基础介绍

    1.vue-resource 的请求api是按照rest风格设计的,它提供了7种请求api get(url, [data], [options]); head(url,[data],[options] ...

  3. Switch/Case 的穿透性

    /*键盘录入1到12 ,对应输出该月份对应的季节 .如果输入的不是1到12,输出提示信息:您输入的数据有误. PS: 春季:3,4,5月份 夏季: 6,7,8月份 秋季: 9,10,11月份 冬季:1 ...

  4. php学习笔记-include

    这个和C语言中的include是同样的用法,如果一个php文件中有一句include a.php,那么执行的时候就会把a.php的内容插入到这个php文件中. 举个例子,我现在有一个名为hellowo ...

  5. android sdk更新源

    什么是Android SDK: SDK:(software development kit)软件开发工具包.被软件开发工程师用于为特定的软件包.软件框架.硬件平台.操作系统等建立应用软件的开发工具的集 ...

  6. ZROI2018提高day1t1

    传送门 分析 在考场上我通过画图发现了对于n个点肯定用一个六边形围起来最优(假装四边形是特殊的六边形),我们发现可以将这个六边形分成两个梯形(梯形的高可以为0),然后我们便枚举两个梯形共同的底边和它们 ...

  7. SSH框架（三） struts2的登陆示例

    因为最近在学习使用SSH框架(struts2+spring+hibernate),下面来介绍表现层struts2的使用方法. (一)添加struts2的包 见上一篇博客,先看一下添加的各个文件的目录结 ...

  8. Windows7 安装TensorFlow（本人试了好多方法后的成果）

    本人机器为64位win7 首先安装python,版本一定要注意,TennsorFlow要使用 Python3.0 系列版本不能使用2.0系列版本,但是TensorFlow 的安装包目前windows版 ...

  9. 国内物联网平台（6）：庆科云FogCloud

    国内物联网平台(6)——庆科云FogCloud 马智 平台定位 FogCloud 快速接入智能硬件 FogCloud为开发者提供便捷的智能硬件接入服务,真正实现敏捷开发,快速迭代. FogCloud提 ...

  10. DjVu转PDF

    作者:马健邮箱:stronghorse_mj@hotmail.com发布:2009.09.22更新:2012.06.11针对PdfToy的新进展,更新了相关内容. 1 引言2 理论3 实现    3. ...