选择省份、选择省市区举例【c#】【js】
时间:2021-09-06
本文章向大家介绍选择省份、选择省市区举例【c#】【js】,主要包括选择省份、选择省市区举例【c#】【js】使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。
<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; float:left; } .leftcss { float: left; } </style> <script type="text/javascript" src="http://www.shicishu.com/down/provincecity.data.min.js"></script> <script type="text/javascript" src="http://www.shicishu.com/down/provincecity.min.js"></script> <tr> <td> <asp:Label ID="Label15" runat="server" Text="地区:"></asp:Label> </td> <td colspan="3"> <asp:Label runat="server" ID="lbl332city" CssClass="leftcss" ></asp:Label> <asp:Label runat="server" ID="Label8" CssClass="leftcss" Text="。 请选择市:" ></asp:Label> <asp:TextBox runat="server" ID="tbcity" CssClass="labelhide"></asp:TextBox> <div class="form-inline leftcss"> <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> </td> </tr> <script type="text/javascript"> var vc = document.getElementById('<%=lbl332city.ClientID%>'); var al = document.getElementById("city1").value; var vas = document.getElementById('<%=tbcity.ClientID%>'); if (vc.innerText != "") { vas.setAttribute("value", vc.innerText); } else if(vc.innerText == "") { if (al == "") { va.setAttribute("value", ""); } } function selectcity() { var a = document.getElementById("city1").value; var va = document.getElementById('<%=tbcity.ClientID%>'); vc.innerHTML = a; if (a != "") { va.setAttribute("value", a); } else if (a == "") { va.setAttribute("value", ""); } } </script> if (Convert.ToInt32(lblID.Text) > 0) lbl332city.Text= Convert.ToString(data.Rows[0][1]); } protected void btnSubmit_Click(object sender, EventArgs e) { lbl332city.Text = tbcity.Text; if (CheckInput()) { //addinfo/update //use: tbcity.Text } } private bool CheckInput() { bool Result = true; if (tbcity.Text=="") { lblMessage.Text = "请选择城市"; Result = false; } return Result; }
原文地址:https://www.cnblogs.com/liuguiqing/p/15233411.html
- 基于Webkit的浏览器关键渲染路径介绍
- CodePlex 全面支持Subversion/TortoiseSVN
- 计算机程序的思维逻辑 (11) - 初识函数
- Android WebView 调试方法
- Python开发微信公众号后台(系列一)
- Consul最常用的命令和接口api
- webpack的Hot Module Replacement运行机制
- 如何使用Node.js编写命令工具——以vue-cli为例
- SpringBoot编写自定义的starter
- webpack3新特性简介
- Python机器学习算法入门之梯度下降法实现线性回归
- IronPython 2.0 beta 5
- node.js如何制作命令行工具(一)
- (28) 剖析包装类 (下) / 计算机程序的思维逻辑
- JavaScript 教程
- JavaScript 编辑工具
- JavaScript 与HTML
- JavaScript 与Java
- JavaScript 数据结构
- JavaScript 基本数据类型
- JavaScript 特殊数据类型
- JavaScript 运算符
- JavaScript typeof 运算符
- JavaScript 表达式
- JavaScript 类型转换
- JavaScript 基本语法
- JavaScript 注释
- Javascript 基本处理流程
- Javascript 选择结构
- Javascript if 语句
- Javascript if 语句的嵌套
- Javascript switch 语句
- Javascript 循环结构
- Javascript 循环结构实例
- Javascript 跳转语句
- Javascript 控制语句总结
- Javascript 函数介绍
- Javascript 函数的定义
- Javascript 函数调用
- Javascript 几种特殊的函数
- JavaScript 内置函数简介
- Javascript eval() 函数
- Javascript isFinite() 函数
- Javascript isNaN() 函数
- parseInt() 与 parseFloat()
- escape() 与 unescape()
- Javascript 字符串介绍
- Javascript length属性
- javascript 字符串函数
- Javascript 日期对象简介
- Javascript 日期对象用途
- Date 对象属性和方法
- Javascript 数组是什么
- Javascript 创建数组
- Javascript 数组赋值与取值
- Javascript 数组属性和方法
- php快速导入大量数据的实例方法
- Laravel 模型关联基础教程详解
- yunBT:一个基于TP3.1的多用户BT离线下载程序,支持在线播放
- 使用Chihaya搭建一个可以屏蔽迅雷的Tracker
- [jio本]Debian9一键安装各种下载工具
- php实现QQ小程序发送模板消息功能
- 微软自家沙盒 Sandbox公布
- php DES加密算法实例分析
- php提供实现反射的方法和实例代码
- PHP实现批量修改文件名的方法示例
- Linux VPS快速下载Bilibili视频脚本 ,支持1080P/720P/360P等格式
- PHP递归统计系统中代码行数
- PHP切割整数工具类似微信红包金额分配的思路详解
- php写入文件不覆盖的实例讲解
- php解决crontab定时任务不能写入文件问题的方法分析