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