1. 首頁 > 生活百科 > >

js 枚舉怎么用

小知識

     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>  
?。?lt;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");

猜你喜歡