正如您可以使用jquery或javaScript读取此JSON一样 [英] As you can read this JSON using jquery or javaScript

问题描述

您可以使用jQuery或JavaScript读取此JSON.我从不使用JSON.

As you can read this JSON using jQuery or JavaScript. I never use JSON.

{
    "ES": {
        "130": {
            "code": "A Coruсa",
            "name": "A Coruña"
        },
        "131": {
            "code": "Alava",
            "name": "Alava"
        },
        "132": {
            "code": "Albacete",
            "name": "Albacete"
        }

致select:

<select id="provincias">
    <option value="130">A Coruña</option>
    <option value="131">Alava</option>
    <option value="132">Albacete</option>
</select>

推荐答案

您可以使用递归:

var data = {
  "ES": {
    "130": {
      "code": "A Coruсa",
      "name": "A Coruña"
    },
    "131": {
      "code": "Alava",
      "name": "Alava"
    },
    "132": {
      "code": "Albacete",
      "name": "Albacete"
    }
  }
};

function setOptions(data) { // get data in the args
  var option = ''; // create a var to hold the options to be created.
  for (key in data) { // use for in loop to get the key and values
    if (data[key].constructor === Object) { // check if data is an object
      option += '<option value="' + key + '">' + data[key].name + '</option>'; // create option
      setOptions(data[key]); // pass the object again in the same function to get the "name" value.
    }
  }
  document.getElementById('provincias').innerHTML = option; // finally push in the dom.
}
setOptions(data.ES); // pass the data here, we're targeting ES5

<select id="provincias">
</select>

这篇关于正如您可以使用jquery或javaScript读取此JSON一样的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！