js中的列举其实就是这个json格局的数据 , 也就是键值对存在的数据 。
需要这些哦
电脑
前端编纂器
方式/
1第一步:json的界说 。
【js 枚举怎么用】JSON(JavaScript Object Notation) 是一种轻量级的数据互换格局 , 采用完全自力于说话的文本格局 , 是抱负的数据互换格局 。 同时 , JSON是 JavaScript 原生格局 , 这意味着在 JavaScript 中处置 JSON数据不必要任何特别的 API 或东西包 。
本文本家儿如果对JS操作JSON的方法做下总结 。
在JSON中 , 有两种布局:对象和数组 。
1. 一个对象以“{”(左括号)起头 , “}”(右括号)竣事 。 每个“名称”后跟一个“:”(冒号);“‘名称/值’ 对”之间运用 “,”(逗号)分隔 。 名称用引号括起来;值若是是字符串则必需用括号 , 数值型则不必要 。 例如:
var o={"xlid":"cxh","xldigitid":123456,"topscore":2000,"topplaytime":"2009-08-20"};
2. 数组是值(value)的有序调集 。 一个数组以“[”(左中括号)起头 , “]”(右中括号)竣事 。 值之间运用 “,”(逗号)分隔 。
2第二步:json应用之级联下拉框 。
具体代码如下所示:
<!DOCTYPE>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>json数据下拉框</title>
</head>
<body>
<h2>省市联动框</h2>
省:<select id="selector" onchange=selectorChange(this.value)></select>
市:<select id="selector2"></select>
<script type="text/javascript">
var sheng = '{"广东省key":"广东省","河南省key":"河南省","河海说神聊省key":"河海说神聊省"}';
var shi = {
"广东省key":{"gkey1":"广州市","gkey2":"深圳市"},
"河南省key":{"hkey1":"郑州市","hkey2":"周口市"},
"河海说神聊省key":{"bkkey":"石家庄"}
};
//将json字符串转为json数据
var obj = JSON.parse(sheng);
var selector = document.getElementById("selector");
var selector2 = document.getElementById("selector2");
window.onload = function(){
for(var key in obj){
var opt = document.createElement("option");
opt.value = https://vvvtt.com/article/key;
opt.innerText = obj[key];
selector.appChild(opt);
}
//获取广东省的市区,设置市区的默认值
var ds = shi["广东省key"];
for(var key in ds){
//初始化市下拉框
var opt2 = document.createElement("option");
opt2.value = https://vvvtt.com/article/key;
opt2.innerText = ds[key];
selector2.appChild(opt2);
}
}
//动态设置市下拉框
function selectorChange(value) {
//起首清晰旧数据
selector2.options.length=0;
//按照省获取市的下拉框
var ds = shi[value];
for(var key in ds){
//初始化市下拉框
var opt2 = document.createElement("option");
推荐阅读
- 怎么在Origin里同时画两个Y轴
- 中国茶文化的发展及其在构建和谐社会中的作用,安神茶
- 怎样使用麦当劳App手机点餐餐厅取餐
- 手机pdf阅读器怎么在pdf文件中添加书签
- 搜狗问问怎么玩
- 怎样使用壁纸大全给苹果手机换屏幕
- 小米手机4越用越卡,该怎么办?
- 安卓手机很卡怎么办
- iphone手机怎么设置虚拟按钮
- 手机订的火车票怎么退票