首页 > 技术文章 > js获取中国省市区,省市筛选、省市、省市筛选联动。【C#】【js】

liuguiqing 2021-09-06 11:27 原文

<style type="text/css">
   .labelhide {
        -webkit-box-shadow: 0px 1px 0px 0px #f3f3f3 !important;
        , inset 0px 1px 2px 0px #f3f3f3 !important;
        box-shadow: 0px 1px 0px 0px #f3f3f3 !important;
        , inset 0px 1px 2px 0px #f3f3f3 !important;
        background: #f8f8f8 !important;
        border: 1px solid #f8f8f8 !important;
        color: #f3f3f3 !important;
        width: 1px !important;
    }
</style>
  <asp:TextBox runat="server" ID="tbcity" CssClass="labelhide"></asp:TextBox>
  
     <div class="form-inline">
                    <div data-toggle="provincecity">
                        地区:
	                    <div class="form-group">
                            <label class="sr-only" for="province1">Province</label>
                            <select id="province1"></select>
                        </div>
                        <div class="form-group">
                            <label class="sr-only" for="city1">City</label>
                            <select id="city1" onclick="selectcity()"></select>
                        </div>
                    </div>
                </div>
<!--本地加载
    <script src="<%=Page.ResolveUrl("js/bootstrap.min.js")%>"></script>
    <script src="<%=Page.ResolveUrl("js/jquery-3.3.0.min.js")%>"></script>
    <script src="<%=Page.ResolveUrl("js/provincecity.data.min.js?version=20160924")%>"></script>
    <script src="<%=Page.ResolveUrl("js/provincecity.min.js?version=20160924")%>"></script>
	-->
	
	<script src="http://www.shicishu.com/down/bootstrap.min.js"></script>
    <script src="http://www.shicishu.com/down/jquery-3.3.0.min.js"></script>
    <script src="http://www.shicishu.com/down/provincecity.data.min.js?version=20160924"></script>
    <script src="http://www.shicishu.com/down/provincecity.min.js?version=20160924"></script>
	
    <script type="text/javascript">
        function selectcity() {
            var a = document.getElementById("city1").value;
            var va = document.getElementById('<%=tbcity.ClientID%>');
            va.setAttribute("value", a);
        }
    </script>

  

推荐阅读