<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>