android 如何实现 省份,城市级联菜单

android 如何实现 省份,城市级联菜单,第1张

Android实现省份城市级联菜单的方法:者闷

1、下载的数据库 db_weather.db 放到sdcard/weather 目录下面 方便后续 *** 作

2、使用 SQLite Database Browser 可以打开数据库 查看数据 和表等信息

3、了解了表的构成可以实现 *** 作了androidManifest.xml配置文件声明 添加 *** 作sdcard 权限

4、布局文件main.xml主要使用两个 spinner 分别实现首链弯城市 省份的选唤搭择

用JS也可以实现,下面是我写的实例代码: <SCRIPT language="JavaScript" >

function changeCity( )

{

var province=document.myform.selProvince.value

var cityList = new Array( )

cityList['山东省'] = ['济南', '青岛', '济宁', '泰安', '威海', '日照']

cityList['四川省'] =['成都', '绵阳', '德阳', '自贡', '凉山', '泸州']

cityList['湖北省'] = ['武汉', '宜昌', '荆州', '襄樊', '陆纯荆门', '黄冈'乱链, '十早陪咐堰', '恩施', '潜江']

document.myform.selCity.options.length=0

//获得省份选项的索引,这里使用标识

var pIndex=document.myform.selProvince.value

var newOption1

document.myform.selCity.options.length=0

for (var j in cityList[pIndex])

{

newOption1=new Option(cityList[pIndex][j], cityList[pIndex][j])

document.myform.selCity.options.add(newOption1)

}

}

</SCRIPT>

(1)var provs={},存储省市的json结构数据。

(2)function loadProv() {},此函数实现了初始化页面加载数据的功能。

(3)var prov = document.getElementById("prov"),获取存放省份的select下拉菜单。

(4)for (var key in provs),遍历json结构数据。

(5)var provName = key,获取省份的名称。

(6)var optProv = document.createElement("option"),创建一个option元素对象。

(7)optProv.value = provName,设置option元素的value属性值。

(8)optProv.innerText = provName,设置option显示的文本内容。

(9)prov.appendChild(optProv),将option元素添加到select下拉菜单。

(10)function provChange() {},作为onchange事件处理函数。

(11)var prov = document.getElementById("prov"),获取省份下拉菜单。

(12)var city = document.getElementById("city"),获取城市下拉菜单。

(13)var provName = prov.value,获取当前选中的省份的value值。

(14)if (provName == "none") {

city.style.display = "none"

return

},如果值等于none,说明选中的是第一项,那么城市下拉菜单还是具有隐藏状态,并跳出函数。

(15)else {

city.style.display = ""

},否则的话显示出城市下改告拉菜单,默认状态它是隐藏的。

(16)var citys = provs[provName],获取城市,citys是个数组。

(17)for (var index = city.childNodes.length - 1index >= 0index--) {

var child = city.childNodes[index]

city.removeChild(child)

},遍历城市配备下拉菜单下的option元素,然后删除这些元素。

之所以清空就是为了防止当再次加载的时候出现累加情况。

(18)for (var index = 0index <citys.lengthindex++) {},遍历数组中的元素,也就是城市。

(19)var optCity = document.createElement("option"),创建option元核卖明素。

(20)optCity.value = citys[index],设置option元素的value值。

(21)optCity.innerText = citys[index],设置option元素的文本内容。

(22)city.appendChild(optCity),将option元素添加select下拉菜单。

数据表形式数据

json形式数据


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/bake/11977175.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-20
下一篇 2023-05-20

发表评论

登录后才能评论

评论列表(0条)

保存