省份选择器

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<!--
有四川和广东两个省
选择四川：出现成都、德阳、绵阳
穿着广东：出现广州、深圳、东莞
-->
<select id="province" onchange="chooseCity(this)">
<option value="0">四川</option>
<option value="1">福建</option>
<option value="2">广东</option>
<option value="3">湖南</option>
</select>
<select id="city"></select>
</body>
<script>
var province = document.getElementById("province");
var city = document.getElementById("city");
var citys = [["成都", "都江堰", "巴中", "泸州"], ["福州", "厦门", "泉州"], ["广州", "汕头", "潮州"], ["长沙", "株洲", "湘西"]];
function chooseCity(pro) {
for (var i = 0; i < citys.length; i++)
if (pro.value == i) {
city.options.length = 0;
for (var j = 0; j < citys[i].length; j++) {
var optionEle = document.createElement("option");
city.appendChild(optionEle);
optionEle.innerHTML = citys[i][j];
}
}
}
chooseCity(province);
</script>
</html>

时间： 2024-08-03 09:48:12

省份选择器的相关文章

iOS开发--UIPickerView(选择器控件) 省份和城市的做法

//UIPickerView 是一个选择器控件,它可以生成单列的选择器,也可生成多列的选择器 @interface ViewController : UIViewController<UIPickerViewDataSource,UIPickerViewDelegate> @property(strong,nonatomic) UIPickerView *MyPickerView; @property(strong,nonatomic) NSMutableArray *ProvinceArr;

IOS开发之自制城市选择器（省份+城市+区/县城）（storyboard版）

第一步:新建single工程CitySelectedDemo 第二步:导入资源area.plist(千万勾选copy选项,后面附area.plist文件资源) 第三步:设计mian.storyboard ——>拖拽UITextField控件(运行后点击此输入框会弹出选择器,选择我们想要的城市地址后结果显示在输入框中): ——>拖拽Toolbar控件和UIPickerView控件组成城市选择器:(将Toolbar控件的Item更名为“完成”,将来点击“完成”按钮结束地址的选择,如果“完成”按钮在

jquery省份城市选择器

var pro = ["北京","天津","上海","重庆","河北","山西","辽宁","吉林","黑龙江","江苏","浙江","安徽","福建","江 西","山东","河南",&q

Day48：HTML(form标签)、CSS选择器

一.表单标签<form> 功能:表单用于向服务器传输数据,从而实现用户与Web服务器的交互. 表单能够包含input系列标签,比如文本字段.复选框.单选框.提交按钮等等. 表单还可以包含textarea.select.fieldset和 label标签. 表单属性 action: 表单提交到哪.一般指向服务器端一个程序,程序接收到表单提交过来的数据(即表单元素值)作相应处理,比如https://www.sogou.com/web method: 表单的提交方式 post/get默认取值就是ge

UIPickerView的简单应用——省份/城市选择的实现

UIPickerView的简单应用--省份/城市选择的实现 实现效果如图,左边为省份选择,右边选择省份对应的城市 数据plist形式如图 工程下载地址:工程下载 https://github.com/Nongchaozhe/UIPickerView-Province-city UIPickerView的实现重要还是两个代理协议中方法的实现 - (void)viewDidLoad { [super viewDidLoad]; [self loadData]; _pickView = [[UIPic

UIPickerView简单应用——省份/城市选择实现

UIPickerView的简单应用--省份/城市选择的实现 实现效果如图,左边为省份选择,右边选择省份对应的城市 数据plist形式如图 工程下载地址:工程下载 https://github.com/Nongchaozhe/UIPickerView-Province-city UIPickerView的实现重要还是两个代理协议中方法的实现 - (void)viewDidLoad { [super viewDidLoad]; [self loadData]; _pickView = [[UIPic

普通选择器&lt;数据源协议，委托协议&gt;（IOS开发）

-普通选择器必须满足这两个协议,一个为委托协议,一个为数据源协议 -委托协议负责控制控件UI.事件响应, 实现可选 -数据源协议负责控件与应用数据模型的桥梁,一般必须实现 @interface ViewController : UIViewController <UIPickerViewDelegate, UIPickerViewDataSource> // // ViewController.h // PickViewSample // // Created by 李亚坤 on 14-10-

jquery城市选择器

jquery.citypicker(自己写的jQuery中国城市选择器) *@QQ:164068300 * @版本 jquery.citypicker.js(version="1.1.0") * @使用方法: * 1.jquery.citypicker就jquery插件,使用此插件前必须先引用jquery.js库文件 * 2.再引用此库文件,引用方式:<script type="text/javascript" src="jquery.citypic

地区三级联动--省份province

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>地区三级联动</title> <script src="./jquery.js"></script> </head> <body> <h2>地区三级联动</h2> 省