js读取json文件中的json数据

来源：互联网发布：sqlserver书籍推荐编辑：程序博客网时间：2024/06/08 20:02

json文件：

 [{"id": "001","name": "昂昂溪"},{"id": "002","name": "安北"},{"id": "003","name": "敖包"},{"id": "004","name": "敖包沟"},{"id": "005","name": "艾不盖"},{"id": "006","name": "阿巴嘎旗"},{"id": "007","name": "艾比湖"},{"id": "008","name": "安边镇"},{"id": "009","name": "阿城"},{"id": "010","name": "㘷岱"},{"id": "011","name": "安达"},{"id": "012","name": "安定"},{"id": "013","name": "安多"},{"id": "014","name": "安德"},{"id": "015","name": "阿都呼都格"},{"id": "016","name": "阿达日嘎"},{"id": "017","name": "阿尔山"},{"id": "018","name": "阿尔山北"},{"id": "019","name": "阿尔乡"},{"id": "020","name": "安福"}]

html文件：

下拉框：

<label class="form-label col-xs-1 col-sm-1"><strong>到站：</strong></label><div class="formControls col-xs-2 col-sm-2"><select name="shipment.endstation" id="endstation"></select></div><div class="formControls col-xs-2 col-sm-2"><select name="shipment.startstation" id="startstation"></select></div>

获取数据，填充下拉框：

$.getJSON("/common/data/station.json",function(data){var $startjsontip = $("#startstation");$startjsontip.empty();//清空内容$("#startstation").append('<option value="">请选择发站</option>');$.each(data,function(infoIndex,info){$("#startstation").append('<option value="'+ info["id"] + '">' + info["name"] + '</option>');}) var $endjsontip = $("#endstation");$endjsontip.empty();//清空内容$("#endstation").append('<option value="">请选择到站</option>');$.each(data,function(infoIndex,info){$("#endstation").append('<option value="'+ info["id"] + '">' + info["name"] + '</option>');}) })

阅读全文

0 0